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

  • A+
所属分类:前端 编程

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

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

  • 自动生成元素的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>

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: