获取当前按钮或者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 相关文章推荐
基于jQuery的星级评分插件
Aug 12 Javascript
基于mootools插件实现遮罩层新手引导
May 24 Javascript
JavaScript用JQuery呼叫Server端方法示例代码
Sep 03 Javascript
js实现带关闭按钮始终显示在网页最底部工具条的方法
Mar 02 Javascript
个人总结的一些JavaScript技巧、实用函数、简洁方法、编程细节
Jun 10 Javascript
Javascript中的数据类型之旅
Oct 18 Javascript
微信小程序 小程序制作及动画(animation样式)详解
Jan 06 Javascript
jQuery实现滚动效果
Nov 17 jQuery
vue基于element-ui的三级CheckBox复选框功能的实现代码
Oct 15 Javascript
JavaScript数组去重实现方法小结
Jan 17 Javascript
解决vue项目运行提示Warnings while compiling.警告的问题
Sep 18 Javascript
Antd下拉选择,自动匹配功能的实现
Oct 24 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
手把手教你使用DedeCms的采集的图文教程
2007/03/11 PHP
php5编程中的异常处理详细方法介绍
2008/07/29 PHP
PHP通用分页类page.php[仿google分页]
2008/08/31 PHP
php实现cc攻击防御和防止快速刷新页面示例
2014/02/13 PHP
php 运算符与表达式详细介绍
2016/11/30 PHP
php中html_entity_decode实现HTML实体转义
2018/06/13 PHP
Laravel框架控制器的request与response用法示例
2019/09/30 PHP
在JavaScript中实现命名空间
2006/11/23 Javascript
jQuery对象[0]是什么含义?
2010/07/31 Javascript
JQUERY对单选框(radio)操作的小例子
2013/04/25 Javascript
jqGrid随窗口大小变化自适应大小的示例代码
2013/12/28 Javascript
Jquery跳到页面指定位置的方法
2014/05/12 Javascript
Egret引擎开发指南之发布项目
2014/09/03 Javascript
由浅入深讲解Javascript继承机制与simple-inheritance源码分析
2015/12/13 Javascript
javascript+HTML5自定义元素播放焦点图动画
2016/02/21 Javascript
jQuery.deferred对象使用详解
2016/03/18 Javascript
Jquery组件easyUi实现手风琴(折叠面板)示例
2016/08/23 Javascript
前端框架Vue.js构建大型应用浅析
2016/09/12 Javascript
javascript另类方法实现htmlencode()与htmldecode()函数实例分析
2016/11/17 Javascript
jQuery图片轮播实现并封装(一)
2016/12/03 Javascript
react native带索引的城市列表组件的实例代码
2017/08/08 Javascript
vue中本地静态图片路径写法
2018/03/06 Javascript
vue项目打包后怎样优雅的解决跨域
2019/05/26 Javascript
Layui实现带查询条件的分页
2019/07/27 Javascript
对pandas数据判断是否为NaN值的方法详解
2018/11/06 Python
Python3爬虫学习之爬虫利器Beautiful Soup用法分析
2018/12/12 Python
windows中安装Python3.8.0的实现方法
2019/11/19 Python
Python3爬虫关于识别检验滑动验证码的实例
2020/07/30 Python
如何实现一个python函数装饰器(Decorator)
2020/10/12 Python
Feelunique美国:欧洲大型的在线美妆零售电商
2018/11/04 全球购物
优秀班干部事迹材料
2014/01/26 职场文书
我的动漫时代的创业计划书范文
2014/01/27 职场文书
教师反腐倡廉演讲稿
2014/09/03 职场文书
房屋分割离婚协议书范本
2014/12/01 职场文书
合同纠纷调解书
2015/05/20 职场文书
Redis基本数据类型Set常用操作命令
2022/06/01 Redis