当前位置:首页 > 日记 > 正文

获取当前按钮或者html的ID名称实例 | 推荐

获取当前按钮或者html的ID名称实例 | 推荐

今天做的上传图片,点击图片删除。

随机给图片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名称实例(推荐)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

相关文章

微信小程序 上传实例详解

微信小程序 上传实例详解

上传,详解,实例,程序,电脑软件,一.了解wx.chooseImage(OBJECT)二.代码编程在pages文件里面创建uploadimg文件夹1.编写页面结构:uploadimg.wxml<view class="container" style="padding:1rem;"> <button type="primary"bindtap="ch…

React学习笔记之事件处理(二)

React学习笔记之事件处理(二)

事件处理,学习笔记,电脑软件,React,之前已经给大家介绍了React中的条件渲染(传送门),本文将给大家关于React中事件处理的相关内容,分享出来供大家参考学习,下面来一起看看详细的介绍:React的事件处理和DOM的事件处理是很相似的,只是有一些语法上的…

PS鼠绘带一枚带玻璃罩的消防栓开关

PS鼠绘带一枚带玻璃罩的消防栓开关

图标,玻璃罩,消防栓,一枚,电脑软件,本教程教的ps鼠绘学习者们使用PS鼠绘带玻璃罩的消防栓开关图标,其实教程的重点在玻璃质感的刻画上。图标部分,有很多类似的教程,相信大家都已经学习过了,好了,不多说,看效果!12 阅读全文教程结束,以上就是PS鼠绘…

浅谈原生JS中的延迟脚本和异步脚本

浅谈原生JS中的延迟脚本和异步脚本

脚本,原生,延迟,异步,浅谈,一、延迟脚本 deferHTML4.0中为<script> 标签添加了个defer属性。属性的用途是表民脚本在执行时不会影响页面的构造。脚本会被延迟到页面加载完毕的时候,执行。也就是当浏览器解析到</html> 标签后才会执行代码。…

Photoshop简单制作漂亮的鲜花文字

Photoshop简单制作漂亮的鲜花文字

文字,漂亮,简单,电脑软件,Photoshop, 这是一篇学习photoshop 的入门文章,PS字体设计实例教程,如何制作鲜花文字,来看看吧!步骤: 打开PS软件,点击文件新建,在弹出的对话框中设置名称:BaiDu。宽度和高度分别为600像素和300像素。 点击文字…

JQuery判断正整数整理小结

JQuery判断正整数整理小结

正整数,电脑软件,JQuery,var totalPage = document.getElementById("totalPage").value.trim();//获取总页 var reg=/^[1-9]\d*$/; //由 1-9开头 的正则表达式 //先判断是否为整数 在判断 是否在 1-总页 整数范围之内 if(reg.test(searc…

Word怎么在方框里打勾Word在方框里

Word怎么在方框里打勾Word在方框里

方法,调整,步骤,方框,宽度,  在word编辑文档的时候,我们需要一些特殊符号输入,如框框中打勾这个是比较经常用到的。这种符号怎么在Word中输入,其实有很多种快速实现的方法。下面小编就为大家来介绍一下:Word在方框里打勾的方法Word在方框里打…

Javascript ES6中数据类型Symbol的

Javascript ES6中数据类型Symbol的

数据类型,详解,电脑软件,Javascript,Symbol,介绍Symbol 是一种特殊的、不可变的数据类型,可以作为对象属性的标识符使用,表示独一无二的值。Symbol 对象是一个 symbol primitive data type 的隐式对象包装器。它是JavaScript语言的第七种数据…

微信小程序 实现动态显示和隐藏某

微信小程序 实现动态显示和隐藏某

控件,动态显示,程序,电脑软件,微信小,微信小程序 实现动态显示和隐藏某个控件在小程序的开发过程中,经常需要用到隐藏某个控件这种情况。因为项目原本是需要将两个canvas切换,但是小程序的canvas支持的功能实在是少,本来就jQuery mobile或者将…

浅谈node中的exports与module.expo

浅谈node中的exports与module.expo

浅谈,关系,电脑软件,exports,node,因为是做前端的,对node的生态一直也比较关注,对于node中对commonJS模块化的实现给了我们很大的方便,之前对于导出的module.exports和exports一直模模糊糊,今天做一个整理先来个js基础部分的复习let obj1 =…

JavaScript编写九九乘法表(两种任选

JavaScript编写九九乘法表(两种任选

九九乘法表,两种,电脑软件,JavaScript,话不多说,请看代码:<script language=javascript>for(i=1;i<=9;i++){for(j=1;j<=9;j++){document.write (i+"*"+j+"="+i*j+" ");if(i==j) {document.write ("<br/>"); break;} //用的if语句,如果…

详解node.js搭建代理服务器请求数

详解node.js搭建代理服务器请求数

请求数据,代理服务器,详解,电脑软件,js,1、引入node.js中的模块 var http = require("http"); var url = require("url"); var qs = require("querystring");2、创建服务器//用node中的http创建服务器 并传入两个形参http.createServ…