跨浏览器的事件对象

﹏ヽ暗。殇╰゛Y 2021-12-07 11:07 330阅读 0赞

var EventUtil = {
            target : function(e){    //目标事件
                e = e || window.event;
                return  e.target || e.srcElement;
            },
            preventDefault : function(e){    //阻止事件的默认行为
                e = e || window.event;
                if(e.preventDefault){
                    e.preventDefault();
                }else{
                    e.returnValue = false;
                }
            },
            stopPropagation : function(e){    //阻止事件冒泡
                e = e || window.event;
                if(e.stopPropagation){
                    e.stopPropagation();
                }else{
                    e.cancelBubble = true;
                }
            }
        };

![复制代码][copycode.gif]

以上代码，我们为EventUtil添加了3个方法，我们可以像下面这样使用这些方法：

var div=document.getElementById('div'); 
    div.onclick = function(e){     var target = EventUtil.target(e);
        alert(target.tagName);
    }

转载于:https://www.cnblogs.com/huanjianlin/archive/2013/03/18/2965399.html

[copycode.gif]: /images/20211207/b70c96f0ef974f4188af803d298c01c2.png

发表评论取消回复

表情：

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

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

相关阅读

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

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

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

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

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

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

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

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

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

相关跨浏览器的iframe onload 事件监听

[http://hi.baidu.com/wyw5257/blog/item/fbe152cb8e7a8614be09e617.html][http_hi.baidu.com_

以你之姓@/ 2022年07月13日 16:23/ 0 赞/ 208 阅读

相关跨所有浏览器的event事件工具函数

/ 跨所有浏览器的event事件工具类 / var EventUtil={ //增加事件 / element 要操作的元素，事

骑猪看日落/ 2022年07月12日 13:58/ 0 赞/ 203 阅读

相关跨浏览器的iframe onload 事件监听(转)

很多时候，我们会需要改变一个iframe的地址（src属性），或者使用表单(form)的target在指定的iframe进行提交后，在 iframe加载完毕(onload)时立

た入场券/ 2022年07月10日 07:30/ 0 赞/ 263 阅读

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

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

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

相关跨浏览器访问事件的方法

一介绍 1、DOM事件模型和IE事件模型访问事件对象的方式完全不同，因此需要写一个跨浏览器的程序。 2、实现跨浏览器的通常做法是：将事件处理函数绑定到DOM对象的属性上。

绝地灬酷狼/ 2022年05月12日 00:44/ 0 赞/ 234 阅读

相关跨浏览器事件处理

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

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

相关跨浏览器的事件对象

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

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