javascript event对象的具体功能是什么
发布网友
发布时间:2022-04-22 11:51
我来回答
共1个回答
热心网友
时间:2022-04-20 18:42
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)
}
更多的使用,请参考教材。