firefox、chrome、ie的js事件差异

最近做一个后台管理，用到了js事件

1、event的兼容性

起先，当我点击编辑按钮的时候，目的是想通过js获得触发当前事件的元素

var  a = window.event.srcElement

这种方法在ie和chrome中都能获取到当前的点击元素，但是firefox却不支持了。原因是因为javascript的事件模型有三种，它们分别是NN4、IE4+和W3C/Safari。这也造成了在不

同的浏览器中处理event的差异。

在IE中event作为window对象的一个属性可以直接使用，而firefox中没有window.event这个属性，但是可以通过给函数的参数传递event对象。如

οnmοusemοve=doMouseMove(event)

var event = event || window.event;

但是，如果你的点击事件是这样的：

<a href="#myModal2" id="1" data-toggle="modal" class="btn btn-success" οnclick='$("#hdnValue").val(1);'>编 辑</a>

没有传递event参数，又该如何处理兼容性呢

这里可以通过$("#id")的方式获得a标签

2、关于parentNode和parentElement

具体区别可以看这里：http://stackoverflow.com/questions/8685739/difference-between-dom-parentnode-and-parentelement

一般情况parentNode可以取代parentElement的所有功能。

3、关于innerText和textContent

它们区别有两点

1. innerText不能返回script标签里面的源码，textContent则可以，在不支持textContent的浏览器，我们可以使用text与innerHTML代替。
2. textContent会保留空行与空格与换行符，innerText则只会保留换行符。

 

ps:在标准api里面，只有textContent、parentNode，是没有parentElement和innerText的，后两个都是ie的私有实现。

关于标准api，可以参考这里：http://overapi.com/javascript/

 

 

 

转载于:https://www.cnblogs.com/adder/p/3656604.html