触发onclick事件获取当前元素各个属性参数

触发onclick事件获取当前元素各个属性参数
操作如下

banner.png

  • 自动生成元素的onclick事件
  • event.target返回触发事件的元素
  • event.currentTarget返回绑定事件的元素
<a onclick="test()">点击我</a>
<script> function test(){ var is=event.currentTarget; console.log($(is)); //获取当前元素,类同this 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>
本文由 Hellohao 作者:hellohao 发表,其版权均为 Hellohao 所有,文章内容系作者个人观点,不代表 Hellohao 对观点赞同或支持。如需转载,请注明文章来源。
0

发表评论