javascript常用事件,javascript事件定义

  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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: