获取当前按钮或者html的ID名称实例(推荐)


Posted in Javascript onJune 23, 2017

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

随机给图片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 + "\" />");

开始这样获取:

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名称实例(推荐)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript实现根据3原色制作颜色选择器的方法
Jul 17 Javascript
基于jquery实现智能表单验证操作
May 09 Javascript
浅谈JavaScript的push(),pop(),concat()方法
Jun 03 Javascript
jquery的checkbox,radio,select等方法小结
Aug 30 Javascript
JavaScript基于自定义函数判断变量类型的实现方法
Nov 23 Javascript
微信小程序 获取当前地理位置和经纬度实例代码
Dec 05 Javascript
angular 动态组件类型详解(四种组件类型)
Feb 22 Javascript
vue+element实现批量删除功能的示例
Feb 28 Javascript
iview中Select 选择器多选校验方法
Mar 15 Javascript
vue项目关闭eslint校验
Mar 21 Javascript
webpack公共组件引用路径简化小技巧
Jun 15 Javascript
OpenLayers3实现图层控件功能
Sep 25 Javascript
小发现之浅谈location.search与location.hash的问题
Jun 23 #Javascript
微信JS SDK接入的几点注意事项(必看篇)
Jun 23 #Javascript
简单谈谈require模块化jquery和angular的问题
Jun 23 #jQuery
详解vuejs之v-for列表渲染
Jun 22 #Javascript
vue.js实现条件渲染的实例代码
Jun 22 #Javascript
vue.js 上传图片实例代码
Jun 22 #Javascript
详解Angular 开发环境搭建
Jun 22 #Javascript
You might like
最省空间的计数器
2006/10/09 PHP
php数组函数序列之array_keys() - 获取数组键名
2011/10/30 PHP
php二维数组按某个键值排序的实例讲解
2019/02/15 PHP
php装饰者模式简单应用案例分析
2019/10/23 PHP
javascript URL锚点取值方法
2009/02/25 Javascript
根据鼠标的位置动态的控制层的位置
2009/11/24 Javascript
ASP.NET jQuery 实例9  通过控件hyperlink实现返回顶部效果
2012/02/03 Javascript
JQuery魔力之$(&quot;tagName&quot;)与selector
2012/03/05 Javascript
javascript自动给文本url地址增加链接的方法分享
2014/01/20 Javascript
可编辑下拉框的2种实现方式
2014/06/13 Javascript
javascript委托(Delegate)blur和focus用法实例分析
2015/05/26 Javascript
Web性能优化系列 10个提升JavaScript性能的技巧
2016/09/27 Javascript
layer实现弹窗提交信息
2016/12/12 Javascript
webpack2.0配置postcss-loader的方法
2017/08/17 Javascript
使用vue打包时vendor文件过大或者是app.js文件很大的问题
2018/06/29 Javascript
vue2.0的虚拟DOM渲染思路分析
2018/08/09 Javascript
js最全的数组的降维5种办法(小结)
2020/04/28 Javascript
用实例说明python的*args和**kwargs用法
2013/11/01 Python
python中xrange用法分析
2015/04/15 Python
约瑟夫问题的Python和C++求解方法
2015/08/20 Python
Python中实例化class的执行顺序示例详解
2018/10/14 Python
python遍历文件目录、批量处理同类文件
2019/08/31 Python
python利用datetime模块计算程序运行时间问题
2020/02/20 Python
Python多线程实现支付模拟请求过程解析
2020/04/21 Python
CSS3绘制有活力的链接下划线
2016/07/14 HTML / CSS
HTML5 3D旋转相册的实现示例
2019/12/03 HTML / CSS
美国汽车零部件和配件网站:CarParts
2019/03/13 全球购物
武汉世纪畅想数字传播有限公司.NET笔试题
2014/07/22 面试题
大学生文员专业个人求职信范文
2014/01/05 职场文书
户外用品商店创业计划书
2014/01/29 职场文书
店长职务说明书
2014/02/04 职场文书
小学生演讲稿大全
2014/04/25 职场文书
市场策划求职信
2014/08/07 职场文书
2014年幼儿园国庆主题活动方案
2014/09/16 职场文书
优秀团员自我评价
2015/03/10 职场文书
2015年党风廉政建设工作总结
2015/04/09 职场文书