专注于经验分享
   工具共享。

触发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>
赞(0) 打赏
转载请注明文章地址:Hellohao » 触发onclick事件获取当前元素各个属性参数
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏