首页 > 代码库 > 事件不同浏览器的兼容性问题
事件不同浏览器的兼容性问题
事件对象的兼容问题
事件event兼容写法:event = event || window.event; (ie的为Window.event)
事件目标:target = event.target|| event.srcElement; (ie的为event.srcElement)
取消默认行为:
function(event){ if(event.preventDefalut){ event.preventDefault(); }else{ event.returnValue = false; } }
阻止冒泡:cancalBubble属性取消ie的事件冒泡,IE不支持事件捕获。而stopPropagation()为取消事件捕获和冒泡
function(event){ if(event.preventDefalut){ event.stopPropagation(); }else{ event.cancelBubble = true; } }
事件处理程序的兼容问题
DOM2级事件处理程序:添加addEventListener()及移除removeEventListener();三个参数element,addEventListener("click",funcition, false/true), "click"为事件类型,function为函数或者函数名,false为在冒泡阶段调用事件处理程序,true为捕获阶段。需要调用移除时removeEventListener需要addEventListener的function必须为函数名
IE事件处理程序:添加attachEvent("onclick",function) 没有false/true由于IE8及更早的版本只支持事件冒泡。 移除是datachEvent("onlick",function) function为函数名,匿名函数不能移除。
事件不同浏览器的兼容性问题
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。