javascript常用事件,javascript事件定义
描述事件的状态,例如触发事件对象的元素、鼠标的位置和状态、按下的键等等。事件对象仅在事件期间有效。事件的某些属性仅对特定事件有意义。例如,fromElement和toElement属性仅对onmouseover和onmouseout事件有意义。以下示例检查鼠标是否单击了链接,如果按下了shift键,则链接被取消。超文本标记语言
标题取消链接/标题
脚本语言=JScript
函数取消链接(){
if(window . event . src element . tagname== A window . event . shift key)
window . event . return value=false;
}
/脚本
以下示例显示了鼠标在状态栏上的当前位置。BODY on mouse move= window . status= X= window . event . X Y= window . event . Y
属性:altkey,button,cancelbubble,clientx,clienty,ctrl键,fromelement,keycode,offsetx,offsety,propertyname,返回值,screenx,screeny,shiftKey,srcElement,srcFilter,toElement,type,x,y - 1.altKey
描述:
检查alt键的状态。语法:
Event.altKey可能的值:
当alt键被按下时,值为TRUE否则就是假的。只读。
按钮
描述:
检查按下的鼠标按钮。语法:
event.button的可能值:
没有按钮0。
1按左键
2按右按钮。
按左右键。
4按下中间键。
5按左键和中键。
6按向右键和中间键。
按下所有键。此属性仅用于onmousedown、onmouseup和onmousemove事件。对于其他事件,不管鼠标状态如何,都返回0(比如onclick)。3 .取消泡泡
描述:
检查是否接受上层元素的事件控制。语法:
event . cancel bubble[=cancel bubble]可能值:
这是一个读写布尔值:TRUE不受upper元素的事件控制。
允许由上层元素的事件控制。这是默认值。示例:
下面的代码片段演示了在图片上单击(onclick)时,如果同时按下shift键,那么由上层元素(body)上的onclick事件触发的showSrc()函数将被取消。脚本语言=JScript
函数检查取消(){
if (window.event.shiftKey)
window . event . cancel bubble=true;
}
函数showSrc() {
if(window . event . srcelement . tagname== IMG )
alert(window . event . src element . src);
}
/脚本
身体
IMG SRC=sample.gif
4 .客户端x
描述:
返回鼠标在窗口客户区的x坐标。语法:
Event.clientX注释:
这是一个只读属性。这意味着你只能通过它获得鼠标的当前位置,而不能用它来改变鼠标的位置。
5 .客户
描述:
返回鼠标在窗口客户区的y坐标。语法:
Event.clientY注意:
这是一个只读属性。这意味着你只能通过它获得鼠标的当前位置,而不能用它来改变鼠标的位置。
6.ctrlKey
描述:
检查ctrl键的状态。语法:
Event.ctrlKey可能的值:
当ctrl键被按下时,值为TRUE否则就是假的。只读。
7 .来自元素
描述:
检测onmouseover和onmouseout事件发生时鼠标离开的元素。参考:18 . to元素语法:
Event.fromElement注释:
这是一个只读属性。
8 .键码
描述:
(请参考http://www.joyist.com/forum/showto.id=31forum _ id=2)
检测键盘事件对应的内部代码。
该属性用于onkeydown、onkeyup和onkeypress事件。语法:
event.keyCode[=keyCode]
可能的值:
这是一个读写值,可以是任何Unicode键盘代码。如果没有引发键盘事件,则值为0。
9.offsetX
描述:
检查鼠标位置相对于触发事件的对象的水平坐标语法:
event.offsetX
10 .不健康
描述:
检查鼠标位置相对于触发事件的对象的垂直坐标语法:
event.offsetY
11 .物业名称
描述:
或者设置元素的已更改属性的名称。语法:
Event.propertyName [=sProperty]可能值:
属性是一个字符串,它指定或返回其触发事件的元素在事件中发生更改的属性的名称。
该属性是可读/写的。没有默认值。注意事项:
可以通过使用onpropertychange事件来获取propertyName的值。示例:
下面的示例通过使用onpropertychange事件弹出一个对话框来显示propertyName的值。头
脚本
函数changeProp()
{
btnProp.value=这是新值;
}函数changeCSSProp()
{
btnstyleprop . style . background color= aqua ;
}
/脚本
/头
身体
p事件对象属性propertyName为
此处用于返回哪个属性已被
改变了。/P输入类型=按钮ID=btnProp
value=单击以更改此按钮的value属性
onpropertychange= alert(event . property name 属性已更改值)
输入类型=按钮ID=btnStyleProp
value=单击以更改此按钮的CSS backgroundColor属性
onpropertychange= alert(event . property name 属性已更改值)
/BODY
12 .返回值
描述:
或者检查事件返回值的语法:
Event.returnvalue[=Boolean]可能值:
返回true事件中的值。
请参阅本文开头的示例,了解源对象上事件的默认操作被取消。
screenX
描述:
检测鼠标相对于用户屏幕的水平位置语法:
event.screenX
注意事项:
这是一个只读属性。这意味着你只能通过它获得鼠标的当前位置,而不能用它来改变鼠标的位置。
screenY
描述:
检测鼠标相对于用户屏幕的垂直位置语法:
Event.screenY注意:
这是一个只读属性。这意味着你只能通过它获得鼠标的当前位置,而不能用它来改变鼠标的位置。
15.shiftKey键
描述:
检查换档键的状态。语法:
Event.shiftKey可能的值:
当shift键被按下时,值为真;否则就是假的。只读。
加速
描述:
返回触发事件的元素。只读。参见本文开头的例子。语法:
event.srcElement
srcFilter
描述:
返回触发onfilterchange事件的筛选器。只读。语法:
event.srcFilter
18 .元素
描述:
检测onmouseover和onmouseout事件发生时鼠标输入的元素。Reference: 7.fromElement语法:
Event.toElement注释:
这是一个只读属性。示例:下面的代码演示了当鼠标移动到按钮上时,会弹出一个对话框,显示“鼠标到达”脚本。
函数test mouse(oo object){
if(oo object . contains(event . to element)){
alert(鼠标到达);
}
}
/脚本
:
按钮ID=oButton鼠标在此之上。/按钮
类型
描述:
返回事件名称。语法:
Event.type注释:
返回不带前缀“on”的事件名称。例如,onclick事件返回的类型是click。
只读。
20.x
描述:
返回鼠标相对于css属性中具有position属性的父元素的x轴坐标。如果css属性中没有position属性的父元素,那么默认情况下,BODY元素就是引用对象。语法:
Event.x评论:
如果鼠标在事件触发后移出窗口,则返回值为-1。
这是一个只读属性。这意味着你只能通过它获得鼠标的当前位置,而不能用它来改变鼠标的位置。
21.y
描述:
返回鼠标相对于css属性中具有position属性的父元素的Y轴坐标。如果css属性中没有position属性的父元素,那么默认情况下,BODY元素就是引用对象。语法:
Event.y注意:
如果鼠标在事件触发后移出窗口,则返回值为-1。
这是一个只读属性。这意味着你只能通过它获得鼠标的当前位置,而不能用它来改变鼠标的位置。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。