码迷,mamicode.com
首页 > Web开发 > 详细

为什么JS事件函数里面都有一个参数(ev)?

时间:2016-11-09 11:40:22      阅读:215      评论:0      收藏:0      [点我收藏+]

标签:sel   style   arc   事件触发   blank   位置   amp   分享   span   

因为ev是事件的参数啊!在ev中包含了事件触发时的参数,比如click事件的ev中包含着.e.pageX,e.pageY,keydown事件中包含着ev.keyCode等,在ie中,ev是全局的可以通过window.event来获取,在其他浏览器中都是作为参数传入的。
所以好多事件函数都是这样写:
mydiv.onclick = function(ev){
  if(!ev){ev = window.event;} //这句也可以简写成:ev=window.event||ev;
  alert(ev.pageX+","+ev.pageY);
}

 

 

JS里面什么时候会用到var oEvent=ev||event?????

var oEvent=ev||event;

这一句这么写是要兼容各个浏览器,

在FireFox浏览器中,事件绑定的函数要获取到事件本身,需要从函数中传入,而IE等浏览器则可以直接使用event或者window.event得到事件本身。

这一句的用途:需要获取和事件相关的信息时使用。如:

  1. 获取键盘按下或弹起的按键

  2. 获取鼠标的位置坐标

  3. 获取出发改事件的元素

  4. 获取事件名称

  5. 获取事件当前的传播阶段技术分享

  6. 获取事件生成的日期时间

至于上面这些怎么获取,可补一下js事件方面的相关函数和属性。

 

例子:

<div id="dd"> </div>

o=document.getElementById("dd");

o.onclick=function (ev){

var oEvent=ev||event;

alert(oEvent.screenX);

为什么JS事件函数里面都有一个参数(ev)?

标签:sel   style   arc   事件触发   blank   位置   amp   分享   span   

原文地址:http://www.cnblogs.com/lilirufeng/p/6045969.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!