Javascript事件对象的详细解释和使用示例
事件表示事件状态,如发生的元素、键盘状态、鼠标位置和鼠标按钮状态。一旦事件发生,就会生成一个事件对象,如单击在浏览器内存中生成相应事件对象的按钮。事件对象只有在事件发生时才有效。
一些事件的属性是唯一有意义的一个特定的事件。例如,在fromelement和toelement属性onmouseover和onmouseout事件才有意义。
{事件属性}:
AltKey,按钮,cancelbubble、ClientX,clienty,ctrlkey,fromelement,键码,offsetx,属性名,属性名,offsety,键位,E,T,T,T,T,T,H,R,R,X,
--------------------------------------------------------------------------------
1.altkey
说明:检查alt键的状态。
语法:event.altkey
可能的值:
按下Alt键时,值为true,否则为false。只读。
2.button
检查按下鼠标按钮。
语法:event.button
可能的值:
0没有按钮
1按左键
2按右键
3按左右键。
4按中间键
5按左键和中键。
6按右键和中间键。
7按所有键
此属性仅用于鼠标和鼠标移动时,onmouseup事件。所有其他事件,无论鼠标状态,返回0(例如onclick)。
3.cancelbubble
描述:检测是否接受上部元素的事件的控制。
Grammar:
事件。cancelbubble { = cancelbubble }
可能的值:
这是一个读写布尔值:
真不是事件控制的上部元素。
false允许由上层元素的事件控制,这是默认值。
实例uff1a
下面的代码片段显示,当我们点击(onclick)在画面上,如果移位键按下的同时,我们取消showsrc()函数触发事件onclick上级元素(身体)。
复制代码代码如下所示:
功能checkcancel(){
如果(窗口。事件。大写键)
window.event.cancelbubble =真;
}
功能showsrc(){
如果(window.event.srcelement.tagname = =IMG)
警报(窗口。事件。srcelement。SRC);
}
4.clientx
描述:返回窗口区域中鼠标的X坐标。
语法:event.clientx
uff1a笔记
这是一个只读属性,这意味着你只能通过鼠标获得当前位置,但是你不能用它来改变鼠标的位置。
5.clienty
描述:返回窗口区域中鼠标的y坐标。
语法:event.clienty
uff1a笔记
这是一个只读属性,这意味着你只能通过鼠标获得当前位置,但是你不能用它来改变鼠标的位置。
6.ctrlkey
说明:检查Ctrl键的状态。
语法:event.ctrlkey
可能的值:
按下Ctrl键时,该值为true,否则为false。
7.fromElement
描述:检测元素通过鼠标当onmouseover和onmouseout事件发生。参考:18.toelement
语法:event.fromelement
uff1a笔记
这是只读属性。
8.keycode
描述:对应键盘事件的检测代码。此属性用于onkeydown,onkeyup,和键盘事件。
语法:{ } =密码钥匙事件。
可能的值:
这是一个读写值,可以是任意Unicode键盘代码。如果键盘事件未触发,则值为0。
9.offsetx
描述:检查与触发事件的对象相对的鼠标位置的水平坐标。
语法:event.offsetx
10.offsety
描述:检查与触发事件的对象相对的鼠标位置的垂直坐标。
语法:event.offsety
11.propertyname
描述:设置或返回元素的更改属性的名称。
语法:event.propertyname { = sproperty }
可能的值:
一个物业是一个字符串,指定或返回一个属性,触发事件的元素的事件改变了名字。
此属性可读写,没有默认值。
uff1a笔记
你可以用onpropertychange事件得到的属性名的值。
实例uff1a
下面的例子中,通过使用onpropertychange事件,弹出一个对话框,显示该属性名的值。
复制代码代码如下所示:
changeprop()函数
{
btnprop.value =这是新的价值;
}
changecssprop()函数
{
btnstyleprop.style.backgroundcolor =水;
}
事件对象属性propertyName是
在这里用来归还哪些财产
改变了的.
<输入类型按钮ID = btnprop onclick=changeprop()
值单击以更改此按钮的值属性
onpropertychange = 'alert(事件。propertyName +物业已值>)
<输入类型按钮ID = btnstyleprop
onclick=changecssprop()
价值=单击以更改CSS背景颜色属性这个按钮
onpropertychange = 'alert(事件。propertyName +物业已值>)
12.returnvalue
描述:设置或检查从事件返回的值。
语法:{ } =布尔值事件。
可能的值:
返回真实事件中的值。
错误源对象上的事件的默认操作被取消。
13.screenx
描述:检测鼠标相对于用户屏幕的水平位置
语法:event.screenx
uff1a笔记
这是一个只读属性,这意味着你只能通过鼠标获得当前位置,但是你不能用它来改变鼠标的位置。
14.screeny
描述:检测鼠标相对于用户屏幕的垂直位置
语法:event.screeny
uff1a笔记
这是一个只读属性,这意味着你只能通过鼠标获得当前位置,但是你不能用它来改变鼠标的位置。
15.shiftkey
说明:检查shift键的状态。
语法:event.shiftkey
可能的值:
当Shift键被按下时,值为true,否则为false。只读。
16.srcelement
描述:返回触发事件的元素。只读。例如,请参见本文开头。
语法:event.srcelement
17.srcfilter
描述:返回过滤器触发onfilterchange事件。只读。
语法:event.srcfilter
18.toelement
描述:该元素,鼠标进入当onmouseover和onmouseout事件检测。
语法:event.toelement
uff1a笔记
这是只读属性。
下面的代码演示了当鼠标移动到按钮时,弹出一个对话框,显示鼠标到达。
复制代码代码如下所示:
功能testmouse(对象){
如果(oobject.contains(事件。toelement))
{
警报(鼠标到达);
}
}
:
鼠标越过这个。
19.type
描述:返回事件名。
语法:event.type
uff1a笔记
返回事件的名称不作为前缀,例如,返回类型的onclick事件点击
只读。
20。X
描述:返回具有CSS属性中的位置属性的上级元素的x轴坐标。如果没有具有CSS属性中位置属性的更高元素,则默认为主体元素作为参考对象。
语法:事件。
uff1a笔记
如果事件触发,则鼠标移出窗口并返回一个值为1。
这是一个只读属性,这意味着你只能通过鼠标获得当前位置,但是你不能用它来改变鼠标的位置。
21。Y
描述:返回具有CSS属性中的位置属性的上级元素的y轴坐标。如果没有具有CSS属性中位置属性的更高元素,则默认为主体元素作为参考对象。
语法:事件
uff1a笔记
如果事件触发,则鼠标移出窗口并返回一个值为1。
这是一个只读属性,这意味着你只能通过鼠标获得当前位置,但是你不能用它来改变鼠标的位置。