获取当前按钮或者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 相关文章推荐
在html页面中包含共享页面的方法
Oct 24 Javascript
js修改input的type属性及浏览器兼容问题探讨与解决
Jan 23 Javascript
jquery插件jSignature实现手动签名
May 04 Javascript
js实现文件上传表单域美化特效
Nov 02 Javascript
javascript 解决浏览器不支持的问题
Sep 24 Javascript
Vue input控件通过value绑定动态属性及修饰符的方法
May 03 Javascript
vue 插值 v-once,v-text, v-html详解
Jan 19 Javascript
vue-router 组件复用问题详解
Jan 22 Javascript
bootstrap-table+treegrid实现树形表格
Jul 26 Javascript
JS co 函数库的含义和用法实例总结
Apr 08 Javascript
vue中重定向redirect:‘/index‘,不显示问题、跳转出错的完美解决
Sep 28 Javascript
JS中多层次排序算法的实现代码
Jan 06 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
php 在线打包_支持子目录
2008/06/28 PHP
让codeigniter与swfupload整合的最佳解决方案
2014/06/12 PHP
WordPress中访客登陆实现邮件提醒的PHP脚本实例分享
2015/12/14 PHP
php加密之discuz内容经典加密方式实例详解
2017/02/04 PHP
深入理解JavaScript系列(12) 变量对象(Variable Object)
2012/01/16 Javascript
javascript中this做事件参数相关问题解答
2013/03/17 Javascript
js动态修改input输入框的type属性(实现方法解析)
2013/11/13 Javascript
js实现带按钮的上下滚动效果
2015/05/12 Javascript
js实现不提交表单获取单选按钮值的方法
2015/08/21 Javascript
jQuery+canvas实现简单的球体斜抛及颜色动态变换效果
2016/01/28 Javascript
Angularjs 设置全局变量的方法总结
2016/10/20 Javascript
jQuery 移动端拖拽(模块化开发,触摸事件,webpack)
2016/10/28 Javascript
jQuery实现的仿百度,仿谷歌搜索下拉框效果示例
2016/12/30 Javascript
js手机号4位显示空格,银行卡每4位显示空格效果
2017/03/23 Javascript
基于jstree使用AJAX请求获取数据形成树
2017/08/29 Javascript
JavaScript数组的5种迭代方法
2017/09/29 Javascript
JavaScript事件对象深入详解
2018/12/30 Javascript
深入探讨JavaScript的最基本部分之执行上下文
2019/02/12 Javascript
layui checkbox默认选中,获取选中值,清空所有选中项的例子
2019/09/02 Javascript
微信小程序学习总结(一)项目创建与目录结构分析
2020/06/04 Javascript
详解Python实现按任意键继续/退出的功能
2016/08/19 Python
在PyTorch中Tensor的查找和筛选例子
2019/08/18 Python
python 使用raw socket进行TCP SYN扫描实例
2020/05/05 Python
tensorflow 2.0模式下训练的模型转成 tf1.x 版本的pb模型实例
2020/06/22 Python
CSS3中:nth-child和:nth-of-type的区别深入理解
2014/03/10 HTML / CSS
构造器Constructor是否可被override?
2013/08/06 面试题
建筑施工实习自我鉴定
2013/09/19 职场文书
大学生两会学习心得体会
2014/03/10 职场文书
本科生自荐信
2014/06/18 职场文书
舞蹈兴趣小组活动总结
2014/07/07 职场文书
中职毕业生自我鉴定范文(3篇)
2014/09/28 职场文书
导游词300字
2015/02/13 职场文书
银行先进个人总结
2015/02/15 职场文书
2015年化验室工作总结
2015/04/23 职场文书
医护人员继续教育学习心得体会
2016/01/19 职场文书
浅谈怎么给Python添加类型标注
2021/06/08 Python