获取当前按钮或者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中call的两种用法实例
Dec 13 Javascript
键盘上一张下一张兼容IE/google/firefox等浏览器
Jan 28 Javascript
js判断undefined类型示例代码
Feb 10 Javascript
JS获取中文拼音首字母并通过拼音首字母快速查找页面内对应中文内容的方法【附demo源码】
Aug 19 Javascript
利用JQuery直接调用asp.net后台的简单方法
Oct 27 Javascript
jquery无法为动态生成的元素添加点击事件的解决方法(推荐)
Dec 26 Javascript
Vue监听数据对象变化源码
Mar 09 Javascript
JS实现静态页面搜索并高亮显示功能完整示例
Sep 19 Javascript
解决vue 项目引入字体图标报错、不显示等问题
Sep 01 Javascript
Vue实现简单的留言板
Oct 23 Javascript
微信小程序自定义modal弹窗组件的方法详解
Dec 20 Javascript
在HTML5 localStorage中存储对象的示例代码
Apr 21 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文件系统处理方法小结
2016/05/23 PHP
php事务回滚简单实现方法示例
2017/03/28 PHP
Kindeditor编辑器添加图片上传水印功能(php代码)
2017/08/03 PHP
PHP实现在对象之外访问其私有属性private及保护属性protected的方法
2017/11/20 PHP
一段好玩的JavaScript代码
2006/12/01 Javascript
JavaScript中也使用$美元符号来代替document.getElementById
2010/06/19 Javascript
JS之Date对象和获取系统当前时间详解
2014/01/13 Javascript
JavaScript判断文件上传类型的方法
2014/09/02 Javascript
NodeJS Web应用监听sock文件实例
2015/02/18 NodeJs
JavaScript通过this变量快速找出用户选中radio按钮的方法
2015/03/23 Javascript
Node.js读取文件内容示例
2017/03/07 Javascript
vue中如何实现变量和字符串拼接
2017/06/19 Javascript
JavaScript对JSON数据进行排序和搜索
2017/07/24 Javascript
轻松玩转BootstrapTable(后端使用SpringMVC+Hibernate)
2017/09/06 Javascript
基于vue中解决v-for使用报红并出现警告的问题
2018/03/03 Javascript
Jquery属性的获取/设置及样式添加/删除操作技巧分析
2019/12/23 jQuery
分享JS表单验证源码(带错误提示及密码等级)
2020/01/05 Javascript
element中Steps步骤条和Tabs标签页关联的解决
2020/12/08 Javascript
Python使用min、max函数查找二维数据矩阵中最小、最大值的方法
2018/05/15 Python
PyCharm代码回滚,恢复历史版本的解决方法
2018/10/22 Python
Python 微信之获取好友昵称并制作wordcloud的实例
2019/02/21 Python
pyqt5 QProgressBar清空进度条的实例
2019/06/21 Python
Python xpath表达式如何实现数据处理
2020/06/13 Python
通过代码实例了解Python3编程技巧
2020/10/13 Python
Notino希腊:购买香水和美容产品
2019/07/25 全球购物
Chi Chi London官网:购买连衣裙和礼服
2020/10/25 全球购物
酒店人事专员岗位职责
2013/12/19 职场文书
个人作风剖析材料
2014/02/02 职场文书
宣传保护环境的公益广告词
2014/03/13 职场文书
春季防火方案
2014/05/10 职场文书
通信工程专业求职信
2014/06/04 职场文书
教师工作表现评语
2014/12/31 职场文书
关于调整工作时间的通知
2015/04/24 职场文书
公司人事管理制度
2015/08/05 职场文书
应届生们该怎么书写求职信?
2019/07/05 职场文书