码迷,mamicode.com
首页 > 其他好文 > 详细

event对象

时间:2016-07-19 13:20:32      阅读:129      评论:0      收藏:0      [点我收藏+]

标签:

event对象,翻译过来就是事件对象(不是一对象,呵呵)
event:事件对象,当一个事件发生的时候,和当前这个对象发生的这个事件有关的一些详细的信息都会被临时保存到一
个指定地方-event对象 供我们在需要的时候调用(完全没看懂,可以理解为飞机的黑匣子 记录飞机的一个状态)

事件函数:事件调用的函数,一个函数是不是事件函数,不再定义的时候决定,而去取决于这个函数被调用的时候是不
是事件函数。
function fn1(){
alert(event);
}
fn1()//不是事件调用函数,event将会没有相应的信息

document.onclick=fn1;//事件调用的函数,所以event有内容。

ie/chrome:event是一个内置的全局变量。
火狐:事件对象是通过事件函数的第一个参数传入。

如果一个函数是被事件调用的那么这个函数的定义的第一个参数就是事件对象。


function fn1(ev){

alert(ev);
}

clientX[Y]:当前鼠标在页面上的位置


<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<style type="text/css">
div{width: 100px;height: 100px;background-color: red;position: relative;}
</style>
<script>
window.onload=function(){

//onmousemove:当鼠标在一个元素上面移动的时候触发
//触发频率的不是像素,而是间隔时间在一个指定的时间内(很短)如果鼠标的位置和上一次的位置发生了变化,那么就会触发一次。


var i=0;

var Div=document.getElementById(‘div1‘);

document.onmousemove=function(ev){
// document.title=i++;
var ev = ev || event;

var scrollTop=document.documentElement.scrollTop||document.body.scrollTop

Div.style.left=ev.clientX+‘px‘;
Div.style.top=ev.clientY+scrollTop+‘px‘;
}
}
</script>
</head>
<body>
<div id="div1"></div>
</body>
</html>

event对象

标签:

原文地址:http://www.cnblogs.com/nsyblog/p/5684224.html

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