获取当前按钮或者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键盘事件的keyCode
Jul 29 Javascript
深入理解JavaScript系列(17):面向对象编程之概论详细介绍
Mar 04 Javascript
jquery通过closest选择器修改上级元素的方法
Mar 17 Javascript
jQuery Mobile操作HTML5的常用函数总结
May 17 Javascript
实例讲解jQuery中对事件的命名空间的运用
May 24 Javascript
js 基础篇必看(点击事件轮播图的简单实现)
Aug 20 Javascript
用JS动态设置CSS样式常见方法小结(推荐)
Nov 10 Javascript
JS中判断null的方法分析
Nov 21 Javascript
详解Webstorm 下的Angular2.0开发之路(图文)
Dec 06 Javascript
微信小程序如何播放腾讯视频的实现
Sep 20 Javascript
javascript 对象 与 prototype 原型用法实例分析
Nov 11 Javascript
微信小程序 bindtap 传参的实例代码
Feb 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
基于PHP开发中的安全防范知识详解
2013/06/06 PHP
php 获取SWF动画截图示例代码
2014/02/10 PHP
PHP导入导出Excel代码
2015/07/07 PHP
[原创]PHP获取数组表示的路径方法分析【数组转字符串】
2017/09/01 PHP
PHP使用微信开发模式实现搜索已发送图文及匹配关键字回复的方法
2017/09/13 PHP
php+ajax实现无刷新文件上传功能(ajaxuploadfile)
2018/02/11 PHP
Laravel 前端资源配置教程
2019/10/18 PHP
javascript 拖放效果实现代码
2010/01/22 Javascript
jquery 简单的进度条实现代码
2010/03/11 Javascript
javascript 原型继承介绍
2011/08/30 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(一)让静态人物动起来
2013/01/23 Javascript
js确认删除对话框效果的示例代码
2014/02/20 Javascript
nodejs微信公众号支付开发
2016/09/19 NodeJs
JavaScript之WebSocket技术详解
2016/11/18 Javascript
利用HTML5+Socket.io实现摇一摇控制PC端歌曲切换
2017/01/13 Javascript
JavaScript实现瀑布流以及加载效果
2017/02/11 Javascript
vue的Virtual Dom实现snabbdom解密
2017/05/03 Javascript
使用jQuery.Pin垂直滚动时固定导航
2017/05/24 jQuery
详解vue2.0脚手架的webpack 配置文件分析
2017/05/27 Javascript
JavaScript实现一个空中避难的小游戏
2017/06/06 Javascript
在vue项目中使用sass的配置方法
2018/03/20 Javascript
使用layui定义一个模块并使用的例子
2019/09/14 Javascript
jQuery实现弹出层效果
2019/12/10 jQuery
详解vue中v-model和v-bind绑定数据的异同
2020/08/10 Javascript
使用setup.py安装python包和卸载python包的方法
2013/11/27 Python
django模型中的字段和model名显示为中文小技巧分享
2014/11/18 Python
让 python 命令行也可以自动补全
2014/11/30 Python
Python 使用PIL中的resize进行缩放的实例讲解
2018/08/03 Python
手把手教你实现一个canvas智绘画板的方法
2019/03/04 HTML / CSS
SQL注入攻击的种类有哪些
2013/12/30 面试题
开学季活动策划方案
2014/02/28 职场文书
2014公司党员自我评价范文
2014/09/11 职场文书
标准版离职证明书
2014/09/12 职场文书
慈善募捐倡议书
2015/04/27 职场文书
2015教师节通讯稿
2015/07/20 职场文书
豆瓣2021评分最高动画剧集-豆瓣评分最高的动画剧集2021
2022/03/18 日漫