获取当前按钮或者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系列(13) This? Yes,this!
Jan 18 Javascript
详解JS函数重载
Dec 04 Javascript
js实现Select列表内容自动滚动效果代码
Aug 20 Javascript
使用Angular.js实现简单的购物车功能
Nov 21 Javascript
JS获取年月日时分秒的方法分析
Nov 28 Javascript
vue-router 学习快速入门
Mar 01 Javascript
canvas轨迹回放功能实现
Dec 20 Javascript
jQuery中元素选择器(element)简单用法示例
May 14 jQuery
Javascript删除数组里的某个元素
Feb 28 Javascript
微信小程序系列之自定义顶部导航功能
May 21 Javascript
微信小程序自定义模态弹窗组件详解
Dec 24 Javascript
js动态添加带圆圈序号列表的实例代码
Feb 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返回字符串中所有单词的方法
2015/03/09 PHP
PHP随手笔记整理之PHP脚本和JAVA连接mysql数据库
2015/11/25 PHP
谈谈php对接芝麻信用踩的坑
2016/12/01 PHP
PHP7导出Excel报ERR_EMPTY_RESPONSE解决方法
2019/04/16 PHP
基于jQuery的模仿新浪微博时间的组件
2011/10/04 Javascript
js菜单点击显示或隐藏效果的简单实例
2014/01/13 Javascript
node.js中的console.trace方法使用说明
2014/12/09 Javascript
jquery插件bxslider用法实例分析
2015/04/16 Javascript
浅谈javascript函数式编程
2015/09/06 Javascript
JQuery实现动态操作表格
2017/01/11 Javascript
js处理包含中文的字符串实例
2017/10/11 Javascript
详解JSONObject和JSONArray区别及基本用法
2017/10/25 Javascript
详解如何用模块化的方式写vuejs
2017/12/16 Javascript
浅谈开发eslint规则
2018/10/01 Javascript
用Object.prototype.toString.call(obj)检测对象类型原因分析
2018/10/11 Javascript
websocket4.0+typescript 实现热更新的方法
2019/08/14 Javascript
Vue export import 导入导出的多种方式与区别介绍
2020/02/12 Javascript
vue使用echarts实现水平柱形图实例
2020/09/09 Javascript
简单介绍Python中的decode()方法的使用
2015/05/18 Python
pygame游戏之旅 如何制作游戏障碍
2018/11/20 Python
Tensorflow--取tensorf指定列的操作方式
2020/06/30 Python
Python pexpect模块及shell脚本except原理解析
2020/08/03 Python
python基于爬虫+django,打造个性化API接口
2021/01/21 Python
洲际酒店集团美国官网:IHG美国
2017/11/16 全球购物
Java如何获得ResultSet的总行数
2016/09/03 面试题
大学生就业自我鉴定
2013/10/26 职场文书
教师师德教育的自我评价
2013/10/31 职场文书
会计电算化专业毕业生自荐信
2013/12/20 职场文书
优秀的导游求职信范文
2014/04/06 职场文书
幼儿园教师节演讲稿
2014/09/03 职场文书
反腐倡廉主题教育活动总结
2015/05/07 职场文书
个人原因辞职信模板
2015/05/13 职场文书
golang http使用踩过的坑与填坑指南
2021/04/27 Golang
Python基于Tkinter开发一个爬取B站直播弹幕的工具
2021/05/06 Python
python图片灰度化处理的几种方法
2021/06/23 Python
Python Flask实现进度条
2022/05/11 Python