一、今天在项目里面用到一个图片需要添加一个点击事件，代码如下：

<img id="sign" src="../../image/sign.png" class="cp-sign" οnclick="sign()">

结果发现事件触发不了，报sign 不是一个函数

二、查阅相关文档发现，img在添加点击事件的时候，它的id和onclick的名称是不能相同的，改变一下代码为；

<img id="sign1" src="../../image/sign.png" class="cp-sign" οnclick="sign()">

就可以了，

三、同样，name名称和事件名字也是不能相同的。

也欢迎登录我的个人网站，里面有更多的文章及技术咨询在等你：http://www.guangmuhua.com

一、今天在项目里面用到一个图片需要添加一个点击事件，代码如下：&amp;lt;img id=&quot;sign&quot; src=&quot;../../image/sign.png&quot; class=&quot;cp-sign&quot; onclick=&quot;sign()&quot;&amp;gt; 结果发现事件触发不了，报sign 不是一个函数 二、查阅相关文档发现，img在添加点击事件的时候，它的id和onclick的名称是不能相同的，改变一下代码... F 修复 32 位系统无法编译小程序、提示重启耗时过久的 问题 反馈详情 F 修复 使用 cli 打开 project.config.json 中 projectname 为 中 文的项目时会一直卡在初始化应用通信能力的 问题 反馈详情 F 修复 ts 项目编译前命令无限执行的 问题 反馈详情 F 修复 PC 端模拟器的 touchend 事件回调参数 changedTouches 为空的 问题 反馈详情 2020.03.25 更新说明 A 新增 云开发控制台支持开通按量付费 A 新增 云开发支持数据库备份与回档（还原）详情 A 新增 支持小程序自动化多帐号调试 A 新增 显示灰度 中 的基础库以及基础库支持的客户端版本 详情 A 新增 下发测试基础库 详情 A 新增 支持模拟 API 的返回内容 详情 A 新增 支持同时重命名多个同名的文件 A 新增 真机调试出现异常时，可手动操作重试 A 新增 增加工具加载 loading 展示 A 新增 模拟器支持终止 A 新增 支持小游戏代码补全 U 优化 模拟器工具栏及状态栏界面 U 优化 云开发控制台监控图表展示 U 优化 模拟器 添加 边框 反馈详情 U 优化 更新命令行和 HTTP v2 版本 详情 F 修复 修改 cloudFunctionRoot 会出现文件找不到的 问题 反馈详情 F 修复 不能正确打开已被删除文件夹的项目的 问题 F 修复 点击菜单工具栏管理无 反应 的 问题 F 修复 工具外修改项目配置 cli 上传不生效的 问题 F 修复 工具预览/上传提示文件已经存在的 问题 反馈详情 F 修复 调试器放大会导致 inspect 按钮样式异常的 问题 F 修复 模拟器工具栏样式异常 F 修复 wx.addPhoneContact时顶部按钮显示错误的 问题 反馈详情 F 修复 标题栏文字过长覆盖胶囊按钮的 问题 F 修复 文件系统读取代码包内文件规则与真机不一致的 问题 F 修复 关闭多帐号调试窗口 tabbar 内的 icon 无法加载的 问题 反馈详情 F 修复 预览上传错误提示无效的 json 文件 反馈详情 F 修复 使用非等宽字体时光标可能错位的 问题 F 修复 某些项目可能出现 wxml not found 的 问题 F 修复 真机调试 Appdata 和 WXML 面板可能显示空白的 问题 F 修复 弹出模拟器时 getMenuButtonBoundingClient 调用结果为空的 问题 A 新增 支持小程序自动化截图功能 A 新增 编辑器面包屑导航条支持自定义快捷导航 A 新增 模拟小程序进程销毁重启 A 新增 编辑器行内错误和警告提示 A 新增 Mac 和 Windows 微信的模拟器类型 U 优化 1.02.1912261 的安装包结构 U 优化 MacOS 版关闭项目窗口时，显示项目列表窗口 U 优化 插件开发模式下 miniprogramRoot 下 app.json 中 插件 provider 与项目 appid 一致时，version 必须为 "dev" F 修复 1.02.1912261 引入的多帐号调试 tabBar 图标无法加载的 问题 F 修复 1.02.1912261 引入的 jsserverRoot 目录右键菜单缺失部分选项的 问题 F 修复 公众号网页调试 中 ，Base64 图片 无法通过调试器打开的 问题 反馈详情 F 修复 cli 调用自动预览无法使用自定义编辑条件的 问题 F 修复 Windows 版无法使用录音功能的 问题 F 修复 插件开发模式下，插件页面配置不生效的 问题 F 修复 小游戏开放数据域使用增强编译报错的 问题 F 修复 Windows 版某些情况下无法显示项目窗口的 问题 F 修复 切换 cloudfunctionsRoot 无法同步云函数的 问题 反馈详情 F 修复 Wxml 面板丢失 text 标签子节点的 问题 F 修复 上传时文件体积大小提示错误 问题 反馈详情 F 修复 使用非等宽字体时光标可能错位的 问题 F 修复 文件系统 api 读取代码包内文件规则与真机不一致的 问题 A 新增 编辑器全局替换 A 新增 编辑器分栏 A 新增 编辑器文件多选操作和拖动到文件夹 A 新增 编辑器多选操作和拖动到文件夹 A 新增 编辑器代码大纲 A 新增 编辑器文件对比 A 新增 选取 android 设备上的 profile 文件进行 分析 详情 A 新增 WXML 面板支持自定义组件数据查看与实时修改 A 新增 WXML 面板支持使用键盘 (上下左右) navigate the DOM tree A 新增 WXML 面板 <img alt="" src= "images/icon_car.gif" onclick="findMerById(${mer.id})"> onclick 事件是放在 src 属性后面的，经过测试，这个事件就是 没有 触发 。代码虽然 没有 错误，但是这是出现了一个警告：Undefined attribute name (οnclick) 我的 JSP 页面不止定义了一个 <img> 标签，其他的标签也 添加 了 onclick 事件，但是没 在 没有 背景和 图片 填充的情况下，Firefox 和Chrome 下不能直接点击绝对定位层下的元素（比如连接，按钮），下面的元素会被上面的绝对定位层挡住。IE下可以直接点击绝对定位层下面的元素。 对于这种 问题 需要用到一个CSS3的属性，可以通过给绝对定位的层多加一个样式：" pointer-events:none; " 这样绝对定位层下的元素就可以点击了。 这其 中 有一个需要注意的地方... 1 css设置img{pointer-events: none; } 这种方式可以解决这个 问题 ，但是当如果你在此时的img上绑定 点击事件 ，点击 图片 时这个事件将不会被 触发 。这种情况可以使用一个带 点击事件 的元素包裹这个img解决。 2 js阻止浏览器默认行为 document.body.addEventListener(‘click’,function(e){ e.preventDefault(); 3 将 图片 显示改为背景图显示 问题 描述 当使用委托给一个元素 添加 click事件时，如果事件是委托到 document 或 body 上，并且委托的元素是默认不可点击的（如 div, span 等），此时 click 事件会失效。 解决办法有 4 种可供选择： ​将 cli