获取当前按钮或者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 相关文章推荐
jquery 学习之一 对象访问
Nov 23 Javascript
js给selected添加options的方法
May 06 Javascript
对JavaScript的全文搜索实现相关度评分的功能的方法
Jun 24 Javascript
jQuery实现的Tab滑动选项卡及图片切换(多种效果)小结
Sep 14 Javascript
Bootstrap3学习笔记(二)之排版
May 20 Javascript
JS类的定义与使用方法深入探索
Nov 26 Javascript
基于slideout.js实现移动端侧边栏滑动特效
Nov 28 Javascript
Chart.js 轻量级HTML5图表绘制工具库(知识整理)
May 22 Javascript
移动端(微信等使用vConsole调试console的方法
Mar 05 Javascript
JavaScript实现简易聊天对话框(加滚动条)
Feb 10 Javascript
vue路由权限校验功能的实现代码
Jun 07 Javascript
如何使用 JavaScript 操作浏览器历史记录 API
Nov 24 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
PHPCMS的使用小结
2010/09/20 PHP
PHP的5个安全措施小结
2012/07/17 PHP
解析PHP生成静态html文件的三种方法
2013/06/18 PHP
ThinkPHP实现事务回滚示例代码
2014/06/23 PHP
php组合排序简单实现方法
2016/10/15 PHP
为Yahoo! UI Extensions Grid增加内置的可编辑器
2007/03/10 Javascript
jquery创建div 实现代码
2009/04/27 Javascript
jQuery中get和post方法传值测试及注意事项
2014/08/08 Javascript
angular简介和其特点介绍
2015/01/29 Javascript
BootStrap智能表单demo示例详解
2016/06/13 Javascript
如何检测JavaScript的各种类型
2016/07/30 Javascript
JavaScript中访问id对象 属性的方式访问属性(实例代码)
2016/10/28 Javascript
Vue-cli配置打包文件本地使用的教程图解
2018/08/02 Javascript
Vee-validate 父组件获取子组件表单校验结果的实例代码
2019/05/20 Javascript
vue data对象重新赋值无效(未更改)的解决方式
2020/07/24 Javascript
Python实现的数据结构与算法之快速排序详解
2015/04/22 Python
Python Nose框架编写测试用例方法
2017/10/26 Python
Matplotlib 生成不同大小的subplots实例
2018/05/25 Python
Python创建一个空的dataframe,并循环赋值的方法
2018/11/08 Python
python标准库sys和OS的函数使用方法与实例详解
2020/02/12 Python
python使用梯度下降和牛顿法寻找Rosenbrock函数最小值实例
2020/04/02 Python
pycharm中使用request和Pytest进行接口测试的方法
2020/07/31 Python
使用AJAX和Django获取数据的方法实例
2020/10/25 Python
前端制作动画的几种方式(css3,js)
2016/12/12 HTML / CSS
AmazeUI 等分网格的实现示例
2020/08/25 HTML / CSS
意大利制造的男鞋和女鞋:SCAROSSO
2018/03/07 全球购物
英国工作场所设备购买网站:Slingsby
2019/05/03 全球购物
西安众合通用.net笔试题
2013/03/18 面试题
小学教师听课制度
2014/02/01 职场文书
电力公司个人求职信范文
2014/02/04 职场文书
目标责任书范本
2014/04/16 职场文书
县长群众路线对照检查材料思想汇报
2014/10/02 职场文书
乡村教师党员四风问题对照检查材料思想汇报
2014/10/08 职场文书
狂人日记读书笔记
2015/06/30 职场文书
教你怎么用Python操作MySql数据库
2021/05/31 Python
windows server2012 R2下安装PaddleOCR服务的的详细步骤
2022/09/23 Servers