获取当前按钮或者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 相关文章推荐
javawscript 三级菜单的实现原理
Jul 01 Javascript
JavaScript之Object类型介绍
Apr 01 Javascript
JS复制对应id的内容到粘贴板(Ctrl+C效果)
Jan 23 Javascript
Bootstrap table学习笔记(2) 前后端分页模糊查询
May 18 Javascript
jQuery实现QQ空间汉字转拼音功能示例
Jul 10 jQuery
electron中使用bootstrap的示例代码
Nov 06 Javascript
VUE实现移动端列表筛选功能
Aug 23 Javascript
JavaScript如何借用构造函数继承
Nov 06 Javascript
JavaScript的console命令使用实例
Dec 03 Javascript
浅析JS中NEW的实现原理及重写
Feb 20 Javascript
原生javascript单例模式的应用实例分析
Feb 23 Javascript
vue中移动端调取本地的复制的文本方式
Jul 18 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笔记之:文章中图片处理的使用
2013/04/26 PHP
php多个字符串替换成同一个的解决方法
2013/06/18 PHP
PHP框架laravel的.env文件配置教程
2017/06/07 PHP
详解提高使用Java反射的效率方法
2019/04/29 PHP
PhpStorm 如何优雅的调试Hyperf的方法步骤
2019/11/24 PHP
JavaScript与DOM组合动态创建表格实例
2012/12/23 Javascript
js播放wav文件(源码)
2013/04/22 Javascript
extJS中常用的4种Ajax异步提交方式
2014/03/07 Javascript
node.js中的path.join方法使用说明
2014/12/08 Javascript
.NET微信公众号开发之创建自定义菜单
2015/07/16 Javascript
详解JavaScript ES6中的Generator
2015/07/28 Javascript
深入理解事件冒泡(Bubble)和事件捕捉(capture)
2016/05/28 Javascript
jQuery组件easyui对话框实现代码
2016/08/25 Javascript
js实现楼层导航功能
2017/02/23 Javascript
JavaScript设计模式之代理模式详解
2017/06/09 Javascript
基于VuePress 轻量级静态网站生成器的实现方法
2018/04/17 Javascript
详解关于Vue版本不匹配问题(Vue packages version mismatch)
2018/09/17 Javascript
js实现下拉框二级联动
2018/12/04 Javascript
详解vue.js移动端配置flexible.js及注意事项
2019/04/10 Javascript
Angular实现svg和png图片下载实现
2019/05/05 Javascript
JS实现简单贪吃蛇小游戏
2020/10/28 Javascript
python3写爬取B站视频弹幕功能
2017/12/22 Python
python3.6利用pyinstall打包py为exe的操作实例
2018/10/31 Python
Python3.5基础之变量、数据结构、条件和循环语句、break与continue语句实例详解
2019/04/26 Python
Python实现直方图均衡基本原理解析
2019/08/08 Python
python图形开发GUI库wxpython使用方法详解
2020/02/14 Python
MONNIER Frères英国官网:源自巴黎女士奢侈品配饰电商平台
2018/12/06 全球购物
平面设计岗位职责
2013/12/14 职场文书
市优秀教师事迹材料
2014/02/05 职场文书
预备党员的自我评价
2014/03/12 职场文书
门前三包责任书
2014/04/15 职场文书
环境监测与治理技术专业求职信
2014/07/06 职场文书
中学生清明节演讲稿
2015/03/18 职场文书
比赛主持人开场白
2015/05/29 职场文书
Jsonp劫持学习
2021/04/01 PHP
pycharm代码删除恢复的方法
2021/06/26 Python