javascript event对象的具体功能是啥

Posted 2023-03-18

参考技术A event对象只在事件发生的过程中才有效（比如鼠标点击，键盘按下等）。
event对象用以表示事件的状态，
例如
触发event对象的元素（event.srcElement）、
鼠标的位置（event.clientX、event.clientY）、
按下的键（event.keyCode）等等。
event对象的属性包括：
altKey,
button,
cancelBubble,
clientX,
clientY,
ctrlKey,
fromElement,
keyCode,
offsetX,
offsetY,
propertyName,
returnValue,
screenX,
screenY,
shiftKey,
srcElement,
srcFilter,
toElement,
type,
x,
y
（可以详细查看参考书）
使用event的方法：
定义
var
evt
=
window.event;
FF中不能通过该方法得到event对象，可以通过传值的方法：
element.onclick
=
function(e)
var
evt
=
window.event
||
e;
...

用event获得点击时鼠标的坐标
element.onclick
=
function(e)
var
evt
=
window.event
||
e;
var
cursorPOS
=

x
:
evt.clientX,
y
:
clientY


用event对象指定当按下回车键时，弹出警告框
element.onkeydown
=
function(e)
var
evt
=
window.event
||
e;
if(evt.keyCode==13)
alert('按下了回车！');


用event获得鼠标点击的DOM对象
document.onclick=function(e)
var
evt
=
window.event
||
e;
var
_target
=
evt.srcElement
||
evt.target;
alert(_target.tagName)

更多的使用，请参考教材。