谈谈JS中常遇到的浏览器兼容问题和解决方法(2)

//js阻止事件传播，这里使用click事件为例 document.onclick=function(e){ var e=e||window.event; if (e.stopPropagation) { e.stopPropagation();//W3C标准 }else{ e.cancelBubble=true;//IE.... } }

阻止默认事件：

//js阻止默认事件 document.onclick=function(e){ var e=e||window.event; if (e.preventDefault) { e.preventDefault();//W3C标准 }else{ e.returnValue='false';//IE.. } }

关于EVENT事件中的target：

//关于event事件中的target document.onmouseover=function(e){ var e=e||window.event; var Target=e.target||e.srcElement;//获取target的兼容写法，后面的为IE var from=e.relatedTarget||e.formElement;//鼠标来的地方，同样后面的为IE... var to=e.relatedTarget||e.toElement;//鼠标去的地方 }

鼠标滚轮滚动事件：

//鼠标滚轮事件 //火狐中的滚轮事件 document.addEventListener("DOMMouseScroll",function(event){ alert(event.detail);//若前滚的话为 -3，后滚的话为 3 },false) //非火狐中的滚轮事件 document.onmousewheel=function(event){ alert(event.detail);//前滚：120，后滚：-120 }

节点加载：

//火狐下特有的节点加载事件，就是节点加载完才执行，和onload不同 //感觉用到的不多，直接把js代码放在页面结构后面一样能实现。。 document.addEventListener('DOMContentLoaded',function ( ){},false);//DOM加载完成。好像除IE6-8都可以.