JavaScript的事件机制event对象

最新推荐文章于 2024-08-28 14:34:05 发布

原创最新推荐文章于 2024-08-28 14:34:05 发布 · 650 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #button #浏览器 #ie

JavaScript 专栏收录该内容

32 篇文章

订阅专栏

本文介绍了在不同浏览器（IE与Mozzilla）中如何使用event对象进行事件处理的方法。包括了如何获取触发事件的元素、事件类型及鼠标键盘等交互信息的具体属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.在IE中使用event对象
event对象作为window对象的属性提供。利用event对象的srcElement属性(在Mozzilla浏览器中是target属性)
引用事件的元素.
2.在Mozzilla 浏览器中使用event对象
function imgClick(evt){
alert(evt.target.src);
}
<img src="1.jpg" onClick="imgClick(event)"/>

event对象的属性
属性描述	IE	Mozzilla
触发事件的元素	srcElement	target
事件类型	type	type
元素的X坐标	offsetX
元素的Y坐标	offsetY
定位元素的X坐标	x	layerX
定位元素的Y坐标	y	layerY
窗口的X坐标	clientX	clientX
窗口的Y坐标	clientY	clientY
屏幕的X坐标	screenX	screenX
屏幕的Y坐标	screenY	screenY
鼠标按键	button	button
键盘按键	keyCode	keyCode
按下shift键	shiftKey	shiftKey
按下alt键	altKey	altKey
按下ctrl键	ctrlKey	ctrlKey
上一级元素	fromElement	relatedTarget
下一级元素	toElement	relatedTarget