获取当前按钮或者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 相关文章推荐
学习ExtJS Window常用方法
Oct 07 Javascript
JQuery 确定css方框模型(盒模型Box Model)
Jan 22 Javascript
jQuery+CSS实现滑动的标签分栏切换效果
Dec 17 Javascript
Node.js+Express配置入门教程
May 19 Javascript
Jquery为DIV添加click事件的简单实例
Jun 02 Javascript
JS仿QQ好友列表展开、收缩功能(第二篇)
Jul 07 Javascript
vue-cli开发环境实现跨域请求的方法
Apr 07 Javascript
深入浅析js原型链和vue构造函数
Oct 25 Javascript
koa2使用ejs和nunjucks作为模板引擎的使用
Nov 27 Javascript
Jquery让form表单异步提交代码实现
Nov 14 jQuery
Vue实现PC端靠边悬浮球的代码
May 09 Javascript
vue使用element-ui实现表单验证
Dec 13 Vue.js
小发现之浅谈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环境中Memcache的安装和使用
2015/11/05 PHP
Yii框架弹出框功能示例
2017/01/07 PHP
thinkPHP5.0框架开发规范简介
2017/03/25 PHP
JS在IE和FF下attachEvent,addEventListener学习笔记
2009/11/26 Javascript
jQuery.extend 函数详解
2012/02/03 Javascript
用JQuery在网页中实现分隔条功能的代码
2012/08/09 Javascript
jQuery实现渐变弹出层和弹出菜单的方法
2015/02/20 Javascript
解决JS请求服务器gbk文件乱码的问题
2015/10/16 Javascript
JavaScript中iframe实现局部刷新的几种方法汇总
2016/01/06 Javascript
js实现上传图片预览方法
2016/10/25 Javascript
探索Vue.js component内容实现
2016/11/03 Javascript
layer实现弹窗提交信息
2016/12/12 Javascript
VUE axios发送跨域请求需要注意的问题
2017/07/06 Javascript
protractor的安装与基本使用教程
2017/07/07 Javascript
JS动态添加元素及绑定事件造成程序重复执行解决
2017/12/07 Javascript
react中Suspense的使用详解
2019/09/01 Javascript
[00:35]2016完美“圣”典风云人物:冷冷宣传片
2016/12/08 DOTA
收藏整理的一些Python常用方法和技巧
2015/05/18 Python
pandas中去除指定字符的实例
2018/05/18 Python
利用Python如何制作好玩的GIF动图详解
2018/07/11 Python
python3基于TCP实现CS架构文件传输
2018/07/28 Python
python [:3] 实现提取数组中的数
2019/11/27 Python
Django DRF APIView源码运行流程详解
2020/08/17 Python
Canvas 像素处理之改变透明度的实现代码
2019/01/08 HTML / CSS
美国网上订购鲜花:FTD
2016/09/23 全球购物
PacSun官网:加州生活方式服装、鞋子和配饰
2018/03/10 全球购物
澳大利亚首屈一指的鞋类品牌:Tony Bianco
2018/03/13 全球购物
美国儿童服装、家具和玩具精品店:Maisonette
2019/11/24 全球购物
机械设计职业生涯规划书
2013/12/27 职场文书
千元咖啡店的创业计划书范文
2013/12/29 职场文书
奥巴马经典演讲稿
2014/09/13 职场文书
2015年社区教育工作总结
2015/05/13 职场文书
《山中访友》教学反思
2016/02/24 职场文书
浅谈spring boot使用thymeleaf版本的问题
2021/08/04 Java/Android
Python 如何利用ffmpeg 处理视频素材
2021/11/27 Python
Python OpenCV形态学运算示例详解
2022/04/07 Python