获取当前按钮或者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 相关文章推荐
解密效果
Jun 23 Javascript
关于js日期转化为毫秒数“节省20%的效率和和节省9个字符“问题
Mar 01 Javascript
关于JavaScript与HTML的交互事件
Apr 12 Javascript
js实现的捐赠管理完整实例
Jan 20 Javascript
深入理解JavaScript系列(46):代码复用模式(推荐篇)详解
Mar 04 Javascript
Javascript缓存API
Jun 14 Javascript
Javascript删除指定元素节点的方法
Jun 21 Javascript
JS基于onclick事件实现单个按钮的编辑与保存功能示例
Feb 13 Javascript
基于easyui checkbox 的一些操作处理方法
Jul 10 Javascript
JavaScript之解构赋值的理解
Jan 30 Javascript
JavaScript前端页面搜索功能案例【基于jQuery】
Jul 10 jQuery
JS/jQuery实现超简单的Table表格添加,删除行功能示例
Jul 31 jQuery
小发现之浅谈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
PHP开启opcache提升代码性能
2015/04/26 PHP
PHP获取音频文件的相关信息
2015/06/22 PHP
Linux系统下使用XHProf和XHGui分析PHP运行性能
2015/12/08 PHP
深入剖析PHP中printf()函数格式化使用
2016/05/23 PHP
jquery 事件执行检测代码
2009/12/09 Javascript
弹出层之1:JQuery.Boxy (一) 使用介绍
2011/10/06 Javascript
js+HTML5实现视频截图的方法
2015/06/16 Javascript
BootStrap框架中的data-[ ]自定义属性理解(推荐)
2017/02/14 Javascript
关于Node.js的events.EventEmitter用法介绍
2017/04/01 Javascript
微信小程序checkbox组件使用详解
2018/01/31 Javascript
VUE在for循环里面根据内容值动态的加入class值的方法
2018/08/12 Javascript
原生JS实现的简单轮播图功能【适合新手】
2018/08/17 Javascript
vue项目打包部署到服务器的方法示例
2018/08/27 Javascript
开源一个微信小程序仪表盘组件过程解析
2019/07/30 Javascript
解决Mint-ui 框架Popup和Datetime Picker组件滚动穿透的问题
2020/11/04 Javascript
python 装饰器功能以及函数参数使用介绍
2012/01/27 Python
Python类的继承和多态代码详解
2017/12/27 Python
Python3实现爬取指定百度贴吧页面并保存页面数据生成本地文档的方法
2018/04/22 Python
python命名空间(namespace)简单介绍
2019/08/10 Python
详解django中Template语言
2020/02/22 Python
Kmeans均值聚类算法原理以及Python如何实现
2020/09/26 Python
Python 数据分析之逐块读取文本的实现
2020/12/14 Python
IE矩阵Matrix滤镜旋转与缩放及如何结合transform
2012/11/29 HTML / CSS
同步和异步有何异同,在什么情况下分别使用他们?
2012/12/28 面试题
组工干部演讲稿
2014/09/02 职场文书
专升本学生毕业自我鉴定
2014/10/04 职场文书
党的群众路线教育实践活动个人整改落实情况汇报
2014/10/28 职场文书
满月酒邀请函
2015/01/30 职场文书
开会通知短信大全
2015/04/20 职场文书
2015年行政执法工作总结
2015/05/23 职场文书
2015年医院科室工作总结范文
2015/05/26 职场文书
2016年入党心得体会范文
2016/01/23 职场文书
Java循环队列与非循环队列的区别总结
2021/06/22 Java/Android
解决使用了nginx获取IP地址都是127.0.0.1 的问题
2021/09/25 Servers
MyBatis配置文件解析与MyBatis实例演示
2022/04/07 Java/Android
大脑的记忆过程在做数据压缩,不同图形也有共同的记忆格式
2022/04/29 数码科技