触发onclick事件元素的获取

2020-03-01 19:00:46

onclick触发元素获取

  • 自动生成元素的onclick事件

  • event.target返回触发事件的元素

  • event.currentTarget返回绑定事件的元素


<script>
var span3=$('<span onclick=delLable("'+data[i]._id+'")></span>');
span3.addClass('num');
span3.html('<i class="Hui-iconfont">&#xe609;</i>');

function delLable(){
	var that=event.currentTarget;
    console.log($(that));
    console.log(event.target);
   
    console.log(event.target.nodeName 　)　 //获取事件触发元素标签name 
	console.log(event.target.className　)　  //获取事件触发元素classname
	console.log(event.target.innerHTML)　　  //获取事件触发元素的内容
	console.log(event.target.id)　//获取事件触发元素id
    
    console.log(event.currentTarget.nodeName 　)　 //获取事件绑定元素标签name 
	console.log(event.currentTarget.className　)　  //获取事件绑定元素classname
	console.log(event.currentTarget.innerHTML)　　  //获取事件绑定元素的内容
	console.log(event.currentTarget.id)　//获取事件绑定元素id
}
</script>


  • 获取触发onclick元素的父元素 “$“获取元素

console.log($(event.currentTarget).parent());


  • 精彩推荐

  • 2018-10-21 22:29:24

    android ScollView 嵌套 WebView 底部空白，高度无法自适应解决

    最近要做一个页面，需要 ScrollView 嵌套 WebView，怎么嵌套，怎么解决焦点和 touch 事件冲突，网上一大堆，这里就不赘述了，但是发现 WebView 从一个高度很高的网页加载一个高度很低的网页的时候，高度无法自适应了，造成底部会有一大片的空白，解决方案找到了挺多，描述一下：

  • 2018-10-24 15:24:54

    getcachedir和getexternalcachedir的区别

    应用程序在运行的过程中如果需要向手机上保存数据，一般是把数据保存在SDcard中的。 大部分应用是直接在SDCard的根目录下创建一个文件夹，然后把数据保存在该文件夹中。 这样当该应用被卸载后，这些数据还保留在SDCard中，留下了垃圾数据。 如果你想让你的应用被卸载后，与该应用相关的数据也清除掉，该怎么办呢？

  • 2018-10-25 11:05:16

    SimpleDateFormat转换时间，12,24时间格式

    在使用SimpleDateFormat时格式化时间的 yyyy.MM.dd 为年月日而如果希望格式化时间为12小时制的，则使用hh:mm:ss 如果希望格式化时间为24小时制的，则使用HH:mm:ss