触发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-06-19 16:39:03

    java缩放图片、java裁剪图片代码工具类

    在系统的上传图片功能中，我们无法控制用户上传图片的大小，用户可能会上传大到几十M小到1k的的图片，一方面图片太大占据了太多的空间，另一方面，我们没办法在页面上显示统一大小的图片。所以我们需要对用户上传的图片进行缩放和裁剪，这里的缩放和平常的压缩不是一个意思，因为要实现小的图片会放大，大的图片会缩小，而且是等比例变的，图片不会显示挤压的效果。而这种操作Java完全可以实现。下面分享下java缩放、裁剪图片的工具类。

  • 2018-07-02 11:58:18

    探究Laravel使用env函数读取环境变量为null的问题

    最近在工作中遇到一个问题，不知道大家有没有遇到过，在 Laravel中（除 app/config 目录下的配置文件中）使用env函数读取环境变量，有时有用，有时返回 null，这究竟怎么回事？下面通过这篇文章让我们一探究竟。有需要的朋友们下面来一起看看吧。