js中常用的事件对象oEvent

例如document.onclick=function(ev){

var oEvent = ev || event;//兼容写法

}

event 兼容非火狐;

ev 兼容高级浏览器;

oEvent都有什么小方法呢,我给大家提供一些常用的:

oEvent.clientX 鼠标距离屏幕左侧距离;

oEvent.clientY 鼠标距离屏幕顶端距离;

oEvent.cancelBubble=true;事件冒泡中的取消冒泡;

js中默认事件冒泡为false;

oEvent.Code 键码;

keyCode键码不可组合使用,当需要组合用到ctrl || alt || shift时,需发生改变,改为:

oEvent.ctrlkey || oEvent.shiftkey || oEvent.altkey;

oEvent.wheelDelta 鼠标滚轮滚动方向; 兼容非火狐;

oEvent.detail 鼠标滚轮滚动方向; 兼容火狐;

如在事件绑定中想取消浏览器默认样式:

oEvent.preventDefault( );

事件委托中:

oEvent.srcElement 获取事件源; 兼容非火狐

oEvent.target 获取目标; 兼容高级浏览器

两者均为事件委托获取元素,只是有兼容问题;

希望能帮助到大家!!!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、DOM 什么是DOM?Document Object Model(文档对象模型)。DOM是针对HTML和XML...
    空谷悠阅读 985评论 0 2
  • 事件流 IE和Netscape开发团队提出了完全相反的两种事件流的概念,事件冒泡流和事件捕获流。 事件冒泡 事件由...
    exialym阅读 965评论 0 9
  • w一:rem布局公式 document.documentElement.style.fontSize=20*doc...
    stars甜阅读 798评论 0 1
  • 为什么清除CSS浮动这么难?因为浮动会使当前标签产生向上浮的效果,同时会影响到前后标签、父级标签的位置及 widt...
    痛心凉阅读 230评论 0 2
  • 早晨起床,拉开窗帘:阳光明媚,甭翻历书也是个好日子。我习惯性地来到阳台上。 花,如往常一样有序的排成一列。扫了一眼...
    半截朽木阅读 541评论 0 2