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

电玩女神 2022-05-29 14:07 172阅读 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 条评论，172人围观）

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

相关阅读

相关 Javascript中的事件流和事件处理程序

1、事件流 Javascript和HTML的交互是通过事件实现的。事件代表文档或浏览器窗口中某个有意义的时刻。事件流描述了页面接收事件的顺序。 1.1 事件冒泡

Dear 丶/ 2022年11月11日 13:19/ 0 赞/ 172 阅读

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

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

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

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

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

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

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

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

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

相关 javascript事件处理程序

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

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

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

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

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

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

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

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

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

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

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

相关跨浏览器事件处理

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

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

相关跨浏览器的事件对象

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

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