获取当前按钮或者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 相关文章推荐
使用自定义setTimeout和setInterval使之可以传递参数和对象参数
Apr 24 Javascript
javascript 计算两个整数的百分比值
Dec 26 Javascript
手写的一个兼容各种浏览器的javascript getStyle函数(获取元素的样式)
Jun 06 Javascript
javascript实现的平方米、亩、公顷单位换算小程序
Aug 11 Javascript
老生常谈Javascript中的原型和this指针
Oct 09 Javascript
详解Node项目部署到云服务器上
Jul 12 Javascript
webpack配置sass模块的加载的方法
Jul 30 Javascript
vue.js高德地图实现热点图代码实例
Apr 18 Javascript
Node.js如何优雅的封装一个实用函数的npm包的方法
Apr 29 Javascript
JavaScript实现多张图片放大镜效果示例【不限定图片尺寸,rem单位】
May 14 Javascript
JavaScript函数重载操作实例浅析
May 02 Javascript
vue-cli3自动消除console.log()的调试信息方式
Oct 21 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
20个PHP常用类库小结
2011/09/11 PHP
破解.net程序(dll文件)编译和反编译方法
2013/01/31 PHP
mod_php、FastCGI、PHP-FPM等PHP运行方式对比
2015/07/02 PHP
PHP实现简单实用的验证码类
2015/07/29 PHP
PHP使用redis实现统计缓存mysql压力的方法
2015/11/14 PHP
PHP函数引用返回的实例详解
2016/09/11 PHP
PHP验证码类ValidateCode解析
2017/01/07 PHP
php如何把表单内容提交到数据库
2019/07/08 PHP
基于mootools插件实现遮罩层新手引导
2012/05/24 Javascript
运算符&amp;&amp;的三个不同层次
2013/04/07 Javascript
jQuery客户端分页实例代码
2013/11/18 Javascript
JavaScript动态添加列的方法
2015/03/25 Javascript
Javascript显示和隐藏ul列表的方法
2015/07/15 Javascript
jquery实现图片放大镜功能
2015/11/23 Javascript
AngularJS ngModel实现指令与输入直接的数据通信
2016/09/21 Javascript
bootstrap flask登录页面编写实例
2016/11/01 Javascript
简单实现jQuery多选框功能
2017/01/09 Javascript
在node.js中怎么屏蔽掉favicon.ico的请求
2017/03/01 Javascript
详解使用grunt完成requirejs的合并压缩和js文件的版本控制
2017/03/02 Javascript
jQuery插件echarts实现的多柱子柱状图效果示例【附demo源码下载】
2017/03/04 Javascript
nodejs服务搭建教程 nodejs访问本地站点文件
2017/04/07 NodeJs
vue.js计算属性computed用法实例分析
2018/07/06 Javascript
详解react native页面间传递数据的几种方式
2018/11/07 Javascript
如何换个角度使用VUE过滤器详解
2019/09/11 Javascript
Python遍历指定文件及文件夹的方法
2015/05/09 Python
详解python中index()、find()方法
2019/08/29 Python
简单了解python中的f.b.u.r函数
2019/11/02 Python
通过 Django Pagination 实现简单分页功能
2019/11/11 Python
numpy库reshape用法详解
2020/04/19 Python
Opencv python 图片生成视频的方法示例
2020/11/18 Python
纯css3实现的竖形无限级导航
2014/12/10 HTML / CSS
Contém1g官网:巴西彩妆品牌
2020/01/17 全球购物
2014年护理部工作总结
2014/11/14 职场文书
辩护意见书
2015/06/04 职场文书
考研经验交流会策划书
2015/11/02 职场文书
幼儿园中班教学反思
2016/03/03 职场文书