首页
课程
路径
文章
PHP培训
精品课
下载

技术文章  >  web前端 > js教程

对如何获取当前按钮或者html的ID名称进行分析

巴扎黑
巴扎黑 原创
2017-06-23 10:07:23 1599浏览

今天做的上传图片，点击图片删除。

随机给图片id，获取图片id，然后删除图片。

由于图片id是随机的，用点击img或者点击class，获取id都不行，最后用onclick事件获取。

js代码如下：

$("#pic").append("<img style='width:70px;margin:5px;height:70px;' id='"+num+"' onclick='upimg()' src=\"" + images.localId + "//m.sbmmt.com/m/faq/\" />");

开始这样获取：

    function upimg(){var id= $(this).attr("id");
        alert(id);
        }

不行。后来用：

    function upimg(){
        alert(event.target.id);
        }

获取到了。

总结：

尽量使用event.target.id，不要使用this.id。
当使用事件委托的时候，this指向的是绑定监听事件的元素，而非被点击的元素。event.target.id则始终指向被点击的元素

以上就是对如何获取当前按钮或者html的ID名称进行分析的详细内容，更多请关注php中文网其它相关文章！

html 或者 按钮 当前 获取PHP课程HTML视频教程CSS视频JS视频教程Vue视频教程
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。
上一条：关于location.search与location.hash的实例详解 下一条：JavaScript浅拷贝与深拷贝的区别

相关文章

查看更多
  • 热门课程
打开APP，随时随地在线学习！