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对象。如
onmousemove=doMouseMove(event)
var event = event || window.event;
但是，如果你的点击事件是这样的：
<a href="#myModal2" id="1" data-toggle="modal" class="btn btn-success" onclick=‘$("#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
它们区别有两点
- innerText不能返回script标签里面的源码，textContent则可以，在不支持textContent的浏览器，我们可以使用text与innerHTML代替。
- textContent会保留空行与空格与换行符，innerText则只会保留换行符。
ps:在标准api里面，只有textContent、parentNode，是没有parentElement和innerText的，后两个都是ie的私有实现。
关于标准api，可以参考这里：http://overapi.com/javascript/
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
