获取当前按钮或者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 Ext JS 状态默认存储时间
Feb 15 Javascript
javascript中的toFixed固定小数位数 简单实例分享
Jul 12 Javascript
js动态添加表格数据使用insertRow和insertCell实现
May 22 Javascript
node.js中的fs.fchown方法使用说明
Dec 16 Javascript
javascript动态创建及删除元素的方法
Dec 22 Javascript
纯javascript实现四方向文本无缝滚动效果
Jun 16 Javascript
JavaScript检测并限制复选框选中个数的方法
Aug 12 Javascript
Javascript验证方法大全
Sep 21 Javascript
jQuery遍历DOM的父级元素、子级元素和同级元素的方法总结
Jul 07 Javascript
jQuery通过改变input的type属性实现密码显示隐藏切换功能
Feb 08 Javascript
Bootstrap滚动监听组件scrollspy.js使用方法详解
Jul 20 Javascript
AngularJS使用ng-repeat遍历二维数组元素的方法详解
Nov 11 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编程最快明白》第三讲:php数组
2010/11/01 PHP
PHP实现生成唯一编号(36进制的不重复编号)
2014/07/01 PHP
php采用file_get_contents代替使用curl实例
2014/11/07 PHP
php表单处理操作
2017/11/16 PHP
简单实用的PHP文本缓存类实例
2019/03/22 PHP
在vs2010中调试javascript代码方法
2011/02/11 Javascript
鼠标移入移出事件改变图片的分辨率的两种方法
2013/12/17 Javascript
深入理解JavaScript系列(43):设计模式之状态模式详解
2015/03/04 Javascript
jQuery实现可用于博客的动态滑动菜单
2015/03/09 Javascript
jQuery关键词说明插件cluetip使用指南
2015/04/21 Javascript
基于jQuery实现拖拽图标到回收站并删除功能
2015/11/25 Javascript
JS面向对象编程详解
2016/03/06 Javascript
JS中Json数据的处理和解析JSON数据的方法详解
2016/06/29 Javascript
jQuery使用getJSON方法获取json数据完整示例
2016/09/13 Javascript
微信小程序左滑删除效果的实现代码
2017/02/20 Javascript
Vue底层实现原理总结
2018/02/17 Javascript
Webpack之tree-starking 解析
2018/09/11 Javascript
微信小程序实现的自定义分享功能示例
2019/02/12 Javascript
微信小程序可滑动月日历组件使用详解
2019/10/21 Javascript
解决Vue 刷新页面导航显示高亮位置不对问题
2019/12/25 Javascript
夯基础之手撕javascript继承详解
2020/11/09 Javascript
基于Vue2实现移动端图片上传、压缩、拖拽排序、拖拽删除功能
2021/01/05 Vue.js
python进阶教程之循环相关函数range、enumerate、zip
2014/08/30 Python
用python写一个windows下的定时关机脚本(推荐)
2017/03/21 Python
Python3 循环语句(for、while、break、range等)
2017/11/20 Python
Python3日期与时间戳转换的几种方法详解
2019/06/04 Python
python递归法解决棋盘分割问题
2019/07/17 Python
如何修复使用 Python ORM 工具 SQLAlchemy 时的常见陷阱
2019/11/19 Python
python 变量初始化空列表的例子
2019/11/28 Python
python中xlrd模块的使用详解
2021/02/01 Python
人力管理专业毕业生求职信
2014/02/27 职场文书
《小猪家的桃花树》教学反思
2014/04/11 职场文书
2014最新房贷收入证明范本
2014/09/12 职场文书
2015年度校学生会工作总结报告
2015/05/23 职场文书
《去年的树》教学反思
2016/02/18 职场文书
react中useState使用:如何实现在当前表格直接更改数据
2022/08/05 Javascript