JavaScript跨浏览器事件处理程序、事件对象

电玩女神 2022-05-29 14:07 265阅读 0赞

var EventUtil = {
        addHandler:function(element,type,handler){
            if(element.addEventListener){
                element.addEventListener(type,handler,false);
            }
            else if(element.attachEvent){
                element.attachEvent("on"+type,handler);
            }
            else{
                element["on"+type] =handler;
            }
        },
        removeHandler:function(element,type,handler){
            if(element.removeEventListener){
                element.removeEventListener(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;
        },
        preventDefault:function(event){
            if(event.preventDefault){
                event.preventDefault();
            }
            else{
                event.returnValue = false;
            }
        },
        stopPropagation:function(event){
            if(event.stopPropagation){
                event.stopPropagation();
            }
            else{
                event.cancelBubble = true;
            }
    
        }
    
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，265人围观）

还没有评论，来说两句吧...

相关阅读

相关解决跨浏览器DOM事件处理

<!DOCTYPE html> <html> <head> <title>事件流</title>

古城微笑少年丶/ 2024年02月17日 20:47/ 0 赞/ 70 阅读

相关 javascript 句柄 --DOM事件处理及跨浏览器处理

var eventUtil=\{ // 添加句柄 addHandler:function(element,type,ha

た入场券/ 2022年08月21日 15:57/ 0 赞/ 218 阅读

相关 EventUtil 跨浏览器事件处理对象

/ Created by chen on 2015/10/28. / var EventUtil = { addHandler: functi

﹏ヽ暗。殇╰゛Y/ 2022年08月09日 14:55/ 0 赞/ 226 阅读

相关 JavaScript权威指南_162_第17章_事件处理_17.2-注册事件处理程序-设置JavaScript对象属性为事件处理程序

![Center][] [Center]: /images/20220731/f7aa56ccfaf34d83a7272b69299ca7b4.png

左手的ㄟ右手/ 2022年08月09日 00:37/ 0 赞/ 187 阅读

相关 javascript事件处理程序

javascript 事件处理程序 1、普通事件处理程序 <input type="button" value="click me" οncli

落日映苍穹つ/ 2022年08月01日 13:59/ 0 赞/ 267 阅读

相关跨浏览器的事件处理程序感悟

代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>火狐</title> <sc

小鱼儿/ 2022年07月16日 09:18/ 0 赞/ 239 阅读

相关事件流、事件处理程序、事件对象

首先了解几个概念，事件流、事件和事件处理程序。事件流：是指页面接收到事件的顺序，通俗点就是事件在子元素和父元素间的传递顺序。事件：用户与浏览器进行交互的动作。

╰+哭是因爲堅強的太久メ/ 2022年06月06日 04:23/ 0 赞/ 303 阅读

相关 JavaScript跨浏览器事件处理程序、事件对象

var EventUtil = { addHandler:function(element,type,handler){ if(

电玩女神/ 2022年05月29日 14:07/ 0 赞/ 266 阅读

相关跨浏览器事件处理

事件处理程序事件就是用户或者浏览器要进行的某些动作，例如click、mouseover、load等。事件处理程序就是响应某个事件（动作）的函数。 click的事件

浅浅的花香味﹌/ 2022年01月29日 06:11/ 0 赞/ 281 阅读

相关跨浏览器的事件对象

var EventUtil = { target : function(e){ //目标事件 e = e

﹏ヽ暗。殇╰゛Y/ 2021年12月07日 11:07/ 0 赞/ 339 阅读