触发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());


  • 精彩推荐

  • 2020-11-17 09:50:32

    android开发怎样让悬浮Activity只是隐藏而不销毁

    android在mainfest中给Activity添加一个属性 android:theme="@android:style/Theme.Dialog",可以使Activity悬浮在其它窗口上面，在布局中可以设置activity的大小，当点击悬浮Activity边缘以外区域时，Activity会消失，观察消失时其生命周期会发现执行了finish()方法从而执行了onDestroy方法。有时我们只是需要将Activity隐藏，并不销毁，此时可以重写finish方法,如下：

  • 2020-11-17 09:56:02

    uni-app直接用webiew打开本地js资源

    如果再结合activity不销毁，隐藏的方法，像里面传递参数，来改变页面，不销毁webview，我发现这样比原生的都要快。这样又能用于app端，又能生成小程序，何乐而不为

  • 2020-11-17 09:59:05

    在线图片取色器工具

    不知道为啥，现在idea的取色工具怎么都不好使了，给开发人员反映过，都一年了有没修复咋地。 网上搜到一个取色工具，把图片传上去，就可以点击取色。不错。

  • 2020-11-17 10:05:53

    mongoDB 修改密码

    mongodb的用户信息是存放在system.users表中的，修改密码不能直接更新表数据，这样的话，存到表里的密码是明文的，这就不对了。