web开发小记3:事假处理函数

因为IE浏览器和其他浏览器有不同的处理事件的函数,所以需要拿出一个跨浏览器的解决方案。

<script>
           // 跨浏览器事件对象
           //原因:DOM和IE中的event对象不同,但是有一些相似性。所以可以拿出一个跨浏览器的解决方案
           var EventUtil = {
               addHander:function(element,type,handler){
                   if(element.addEventListener){
                       //DOM处理添加监听事件
                       element.addEventListener(type, handler, false);
                   }else if(element.attachEvent){
                       //IE处理添加监听事件
                       element.attachEvent("on" + type, handler);
                   }else{
                       element["on" + type] = handler;
                   }
               },
               removeHander:function(element, type, handler){
                   if (element.removeHander) {
                       element.removeHander(type, handler, false);
                   }else if (element.detachEvent) {
                       element.detachEvent("on" + type, handler)
                   }else {
                       element["on" + type] = null;
                   }
               },
               getEvent:function(event){
                   return event?event:window.event;
               },
               getTarget:function(event) {
                   return event.target || event.srcElement;
               }
           }
       </script>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 一:在制作一个Web应用或Web站点的过程中,你是如何考虑他的UI、安全性、高性能、SEO、可维护性以及技术因素的...
    Arno_z阅读 5,078评论 0 1
  • 以下文章为转载,对理解JavaScript中的事件处理机制很有帮助,浅显易懂,特分享于此。 什么是事件? 事件(E...
    jxyjxy阅读 8,227评论 1 10
  • <a name='html'>HTML</a> Doctype作用?标准模式与兼容模式各有什么区别? (1)、<...
    clark124阅读 9,065评论 1 19
  • 肃秋沥清雨, 风萧奏魂曲。 欲语寻听人, 对人却无语。
    艾兴瓦尔德堡主阅读 1,684评论 0 0
  • 昨晚又失眠,睡了约么两个小时,大概是下午睡太多,又或是睡前游戏玩的太嗨,翻来覆去睡不着。像我这么浅眠的人,一旦失眠...
    上善若水的若水阅读 2,649评论 0 0

友情链接更多精彩内容