最近做一个后台管理,用到了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
它们区别有两点
- innerText不能返回script标签里面的源码,textContent则可以,在不支持textContent的浏览器,我们可以使用text与innerHTML代替。
- textContent会保留空行与空格与换行符,innerText则只会保留换行符。
ps:在标准api里面,只有textContent、parentNode,是没有parentElement和innerText的,后两个都是ie的私有实现。
关于标准api,可以参考这里:http://overapi.com/javascript/