博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
跨浏览器的事件对象
阅读量:6814 次
发布时间:2019-06-26

本文共 1103 字,大约阅读时间需要 3 分钟。

 

在前端开发工作中,由于浏览器兼容性等问题,触发事件对象的方法不同,分为IE和非IE两种。下面主要介绍跨浏览器触发 目标事件阻止事件的默认行为阻止事件冒泡 三种方法:

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;            }        },

      charCode : function(e){ //取得字符编码

        e = e || window.event;
        return e.keyCode || e.charCode;
      }

};

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

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

  document.οnkeydοwn=function(e){

    var code=EventUtil.charCode(e);
    console.log(code); //按键盘上的键 看效果
  }

 

 

 

转载地址:http://txmwl.baihongyu.com/

你可能感兴趣的文章
面试总结
查看>>
【转】虚拟机检测技术
查看>>
JS基础之开篇
查看>>
初识python: 生成器并行(做包子,吃包子)
查看>>
[bzoj 1861][zjoi2006] 书架
查看>>
java练习题-求int类型N值的阶乘
查看>>
C++ Vector 使用心得
查看>>
设计模式之(Composite)组合模式
查看>>
mongodb笔记 getting started
查看>>
Aaron Swartz Rewriting Reddit中关于web.py的创建思路
查看>>
linux信任公钥的配置
查看>>
09、多线程(一) -- 基本概念
查看>>
[SQL] 函数整理(T-SQL 版)
查看>>
第三次作业-Scrum
查看>>
多线程编程基础知识
查看>>
DOM学习笔记一
查看>>
java多线程Lock接口简介使用与synchronized对比 多线程下篇(三)
查看>>
【转】char码值对应列表大全
查看>>
word文档总让正文与目录分开在不同的页——分页符的使用
查看>>
Ubantu指令收藏
查看>>