返回顶部

js——ev || window.event,event.srcElement || event.target

参考:https://blog.csdn.net/u012528184/article/details/41694155

   https://www.cnblogs.com/lilirufeng/p/6045969.html

 

注:我用的是vue,一般js同理。

页面:

<div  @click="getAttribute">
  <div v-for="(item,index) in list" :key="index">
        <p :gid="item.gid">{{item.text}}<p>
   </div>
</div>

 

getAttribute:

getAttribute(ev) {

  var eve = ev || window.event; //兼容写法,在FireFox浏览器中,事件绑定的函数要获取到事件本身,需要从函数中传入,而IE等浏览器则可以直接使用event或者window.event得到事件本身。

  var target = eve.target || eve.srcElement; //兼容写法,IE下,event对象有srcElement属性,但是没有target属性;Firefox下,event对象有target属性,但是没有srcElement属性.但他们的作用是相当的;FF下语法为:event.target。event.srcElement:当前事件的源,相当于jq的$(this)事件,直接获得事件源,就是你产生事件的源;   

  if (target != document) {     
  
    var id = target.getAttribute('gid');   
  } }
posted @ 2020-01-20 18:20  前端-xyq  阅读(436)  评论(0编辑  收藏  举报