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

Posted 2020-11-25 林景之

参考：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\')； 　　
　　} }