事件发生的时候, 才触发。
访问事件对象?
1) 标准浏览器下: 函数的第一个参数表示
2) IE6 IE7 IE8下:window.event
兼容的访问事件对象:
var eve = e || window.event;
事件对象的属性
1) 事件类型 事件对象.type
2) 事件目标
标准浏览器下:
事件对象.target
IE下:
事件对象.srcElement
兼容的事件对象
var target = 事件对象.target || 事件对象.srcElement;
target不一定是绑定事件的元素,是你实际操作的元素。
事件委托:
利用事件冒泡的原理,管理某一类事件,解决事件处理程序过多的问题。
3) 鼠标位置:
距离浏览器(视口)的距离: 事件对象.clientX 事件对象.clientY 事件对象.x 时间对象.y
距离元素的左边和上边的距离: 事件对象.offsetX 事件对象.offsetY
距离页面的距离: 事件对象.pageX 事件对象.pageY
距离屏幕的距离:事件对象.screenX 事件对象.screenY
盒子的实际宽度:元素.offsetWidth:width+padding+border
盒子的实际高度: 元素.offsetHeight
鼠标距离元素的距离:方法1:事件对象.offsetX offsetY
方法2:鼠标距离浏览器的距离-盒子距离浏览器的距离 事件对象.clientX-元素.offsetLeft
可视区的宽度: document.documentElement.clientWidth
可视区的高度: document.documentElement.clientHeight
事件对象以及事件委托
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...