获取当前按钮或者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 相关文章推荐
Js中获取frames中的元素示例代码
Jul 30 Javascript
JQuery 在线引用及测试引用是否成功
Jun 24 Javascript
jQuery修改CSS伪元素属性的方法
Jul 30 Javascript
老生常谈遮罩层 滚动条的问题
Apr 29 Javascript
jQuery实现按比例缩放图片的方法
Apr 29 jQuery
JS去掉字符串中所有的逗号
Oct 18 Javascript
深入浅析ES6 Class 中的 super 关键字
Oct 20 Javascript
基于js中this和event 的区别(详解)
Oct 24 Javascript
Vuex模块化应用实践示例
Feb 03 Javascript
通过js随机函数Math.random实现乱序
May 19 Javascript
JavaScript设计模式--简单工厂模式定义与应用案例详解
May 23 Javascript
js实现列表按字母排序
Aug 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中的escape函数
2013/06/29 PHP
php权重计算方法代码分享
2014/01/09 PHP
PHP中exec函数和shell_exec函数的区别
2014/08/20 PHP
PHP实现绘制二叉树图形显示功能详解【包括二叉搜索树、平衡树及红黑树】
2017/11/16 PHP
php实现构建排除当前元素的乘积数组方法
2018/10/06 PHP
yii2实现Ueditor百度编辑器的示例代码
2018/11/02 PHP
js前台分页显示后端JAVA数据响应
2013/03/18 Javascript
js判断60秒以及倒计时示例代码
2014/01/24 Javascript
超炫的jquery仿flash导航栏特效
2014/11/11 Javascript
jQuery前端框架easyui使用Dialog时bug处理
2014/12/05 Javascript
JS实现的页面自定义滚动条效果
2015/10/26 Javascript
一不小心就做错的JS闭包面试题
2015/11/25 Javascript
原生js二级联动效果
2017/06/20 Javascript
Nodejs进阶之服务端字符编解码和乱码处理
2017/09/04 NodeJs
解决vue-router进行build无法正常显示路由页面的问题
2018/03/06 Javascript
vue中rem的配置的方法示例
2018/08/30 Javascript
详解webpack打包nodejs项目(前端代码)
2018/09/19 NodeJs
详解VUE里子组件如何获取父组件动态变化的值
2018/12/26 Javascript
vue中格式化时间过滤器代码实例
2019/04/17 Javascript
详解在vue-cli3.0中自定css、js和图片的打包路径
2019/08/26 Javascript
jQuery带控制按钮轮播图插件
2020/07/31 jQuery
JavaScript实现五子棋小游戏
2020/10/26 Javascript
微信小程序实现点赞业务
2021/02/10 Javascript
Centos5.x下升级python到python2.7版本教程
2015/02/14 Python
详谈Python 窗体(tkinter)表格数据(Treeview)
2018/10/11 Python
python 变量初始化空列表的例子
2019/11/28 Python
css3 column实现卡片瀑布流布局的示例代码
2018/06/22 HTML / CSS
程序运行正确, 但退出时却"core dump"了,怎么回事
2014/02/19 面试题
小学校长先进事迹材料
2014/05/13 职场文书
解放思想演讲稿
2014/09/11 职场文书
2014年工作总结与下年工作计划
2014/11/27 职场文书
课外活动总结
2015/02/04 职场文书
客服专员岗位职责
2015/02/10 职场文书
同学聚会开幕词
2019/04/02 职场文书
应届毕业生的自我评价
2019/06/21 职场文书
Python Flask请求扩展与中间件相关知识总结
2021/06/11 Python