获取当前按钮或者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中的new使用
Mar 20 Javascript
js网页版计算器的简单实现
Jul 02 Javascript
jQuery实现可收缩展开的级联菜单实例代码
Nov 27 Javascript
jquery删除数据记录时的弹出提示效果
May 06 Javascript
微信小程序中实现一对多发消息详解及实例代码
Feb 14 Javascript
vue webuploader 文件上传组件开发
Sep 23 Javascript
javascript高仿热血传奇游戏实现代码
Feb 22 Javascript
详解VSCode配置启动Vue项目
May 14 Javascript
微信小程序实现图片选择并预览功能
Jul 25 Javascript
axios如何利用promise无痛刷新token的实现方法
Aug 27 Javascript
微信小程序实现一张或多张图片上传(云开发)
Sep 25 Javascript
Vue实现菜单切换功能
Nov 08 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实现链结人气统计
2006/10/09 PHP
ajax完美实现两个网页 分页功能的实例代码
2013/04/16 PHP
php preg_replace替换实例讲解
2013/11/04 PHP
php setcookie函数的参数说明及其用法
2014/04/20 PHP
CI操作cookie的方法分析(基于helper类库)
2016/03/28 PHP
PHP基于phpqrcode类生成二维码的方法示例详解
2020/08/07 PHP
用javascript实现给出的盒子的序列是否可连为一矩型
2007/08/30 Javascript
JavaScript在IE中“意外地调用了方法或属性访问”
2008/11/19 Javascript
jquery固定底网站底部菜单效果
2013/08/13 Javascript
js动态删除div元素基本思路及实现代码
2014/05/08 Javascript
Node.js中对通用模块的封装方法
2014/06/06 Javascript
node.js中watch机制详解
2014/11/17 Javascript
使用jquery 简单实现下拉菜单
2015/01/14 Javascript
js jquery获取当前元素的兄弟级 上一个 下一个元素
2015/09/01 Javascript
angular4中引入echarts的方法示例
2019/01/29 Javascript
jQuery表单元素过滤选择器用法实例分析
2019/02/20 jQuery
详解小程序如何改变onLoad的执行时机
2019/11/01 Javascript
nodejs使用Sequelize框架操作数据库的实现
2020/10/21 NodeJs
动态创建类实例代码
2009/10/07 Python
Python中列表的一些基本操作知识汇总
2015/05/20 Python
使用matplotlib中scatter方法画散点图
2019/03/19 Python
Python matplotlib绘制饼状图功能示例
2019/09/10 Python
Python读写操作csv和excle文件代码实例
2020/03/16 Python
基于logstash实现日志文件同步elasticsearch
2020/08/06 Python
企业项目策划书
2014/01/11 职场文书
书法比赛获奖感言
2014/02/10 职场文书
大学生简历求职信
2014/06/24 职场文书
2014年镇党建工作汇报材料
2014/11/02 职场文书
优秀党务工作者先进事迹材料
2014/12/25 职场文书
通知书大全
2015/04/27 职场文书
学雷锋献爱心倡议书
2015/04/27 职场文书
消防验收申请报告
2015/05/15 职场文书
2015年教师业务工作总结
2015/05/26 职场文书
红高粱观后感
2015/06/10 职场文书
又涨知识了,自律到底多重要?
2019/06/27 职场文书
室外天线与收音机天线杆接合方法
2022/04/05 无线电