javascript如何处理兼容问题？
IE9之前不兼容addEventListener（），但是可以使用attachEvent。
我该如何在一段代码中同时出现他们，就像css中-webkit-、-o-那样，不相关的浏览器直接忽略掉？
是不是要判断一下？如何判断呢？还有别的办法吗？
<div id=x style='width:200px;height:200px;background:red;'>
</div>
<p id=demo></p>
<script>
document.addEventListener('click',x1)
function x1(){document.getElementById('demo').innerHTML='123';}
</script>
全选复制放进笔记<div id=x style='width:200px;height:200px;background:red;'>
</div>
<p id=demo></p>
<script>
document.attachEventListener('mouseover',x1,true)
function x1(){document.getElementById('demo').innerHTML='123';}
</script>
展开
收起
1
条回答
写回答
写回答
-
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div id=x style='width:200px;height:200px;background:red;'></div> <p id="demo"></p> <script> var oX = document.getElementById('x'); var oDemo = document.getElementById('demo'); var eventUil = { addHandler:function(obj,type,fn){ if(obj.addEventListener){ obj.addEventListener(type,fn,false); }else if(obj.attachEvent){ obj.attachEvent("on"+type,fn); }else{ obj["on"+type] = fn; } }, removeHandler:function(obj,type,fn){ if(obj.removeEventListener){ obj.removeEventListener(type,fn,false); }else if(obj.deattachEvent){ obj.detachEvent("on"+type,fn); }else{ obj["on"+type] = null; } } } function x1() { document.getElementById('demo').innerHTML='123'; } eventUil.addHandler(oX,'click',x1); </script> </body> </html>2019-07-17 18:59:47赞同 展开评论 打赏
问答分类：
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
