windows.event对象介绍

今天药忘吃喽~ 2022-07-12 02:43 126阅读 0赞

1、event代表事件的状态，例如触发event对象的元素、鼠标的位置及状态、按下的键等等。event对象只在事件发生的过程中才有效。event的某些属性只对特定的事件有意义。比如，fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。  
2、属性：  
altKey, button, cancelBubble, clientX, clientY, ctrlKey, fromElement, keyCode, offsetX, offsetY, propertyName, returnValue, screenX, screenY, shiftKey, srcElement, srcFilter, toElement, type, x, y  
3、属性详细说明：

<table> 
 <thead> 
  <tr> 
   <th>属性名</th> 
   <th align="left">描述</th> 
   <th align="center">值</th> 
   <th align="right">说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>altKey</td> 
   <td align="left">检查alt键的状态</td> 
   <td align="center">当alt键按下时，值为True否则为False</td> 
   <td align="right">只读</td> 
  </tr> 
  <tr> 
   <td>shiftKey</td> 
   <td align="left">检查shift键的状态</td> 
   <td align="center">当shift键按下时，值为True否则为False</td> 
   <td align="right">只读</td> 
  </tr> 
  <tr> 
   <td>ctrlKey</td> 
   <td align="left">检查ctrl键的状态</td> 
   <td align="center">当ctrl键按下时，值为True否则为False</td> 
   <td align="right">只读</td> 
  </tr> 
  <tr> 
   <td>keyCode</td> 
   <td align="left">检测键盘事件相对应的内码</td> 
   <td align="center"></td> 
   <td align="right">可读写，可以是任何一个Unicode键盘内码。如果没有引发键盘事件，则该值为0</td> 
  </tr> 
  <tr> 
   <td>srcElement</td> 
   <td align="left">返回触发事件的元素</td> 
   <td align="center">Object</td> 
   <td align="right">只读</td> 
  </tr> 
  <tr> 
   <td>x,y</td> 
   <td align="left">鼠标相对于当前浏览器的位置</td> 
   <td align="center">px</td> 
   <td align="right">只读</td> 
  </tr> 
  <tr> 
   <td>clientX,clientY</td> 
   <td align="left">鼠标当前相对于网页的位置</td> 
   <td align="center">px</td> 
   <td align="right">只读</td> 
  </tr> 
  <tr> 
   <td>offsetX,offsetY</td> 
   <td align="left">鼠标当前相对于网页中的某一区域的位置</td> 
   <td align="center">px</td> 
   <td align="right">只读</td> 
  </tr> 
  <tr> 
   <td>screenX,screenY</td> 
   <td align="left">相对于用户显示器的位置</td> 
   <td align="center">px</td> 
   <td align="right">只读</td> 
  </tr> 
  <tr> 
   <td>returnValue</td> 
   <td align="left">设置或检查从事件中返回的值</td> 
   <td align="center">true 事件中的值被返回 ，false 源对象上事件的默认操作被取消</td> 
   <td align="right">可读写</td> 
  </tr> 
  <tr> 
   <td>button</td> 
   <td align="left">检查按下的鼠标键</td> 
   <td align="center">0 没按键 <br>1 按左键 <br>2 按右键 <br>3 按左右键 <br>4 按中间键 <br>5 按左键和中间键 <br>6 按右键和中间键 <br>7 按所有的键</td> 
   <td align="right">仅用于onmousedown，onmouseup和onmousemove事件。对其他事件，不管鼠标状态如何，都返回0（比如onclick）</td> 
  </tr> 
  <tr> 
   <td>srcElement</td> 
   <td align="left">检测onmouseover和onmouseout事件发生时，鼠标所离开的元素</td> 
   <td align="center">Object</td> 
   <td align="right">只读</td> 
  </tr> 
  <tr> 
   <td>toElement</td> 
   <td align="left">检测onmouseover和onmouseout事件发生时，鼠标所进入的元素</td> 
   <td align="center">Object</td> 
   <td align="right">只读</td> 
  </tr> 
  <tr> 
   <td>type</td> 
   <td align="left">返回事件名</td> 
   <td align="center"></td> 
   <td align="right">返回没有“on”作为前缀的事件名，比如，onclick事件返回的type是click</td> 
  </tr> 
 </tbody> 
</table>

例：(点击按钮时显示那几个特殊键按下的状态)

<input type="button" value="点击" onClick="showState()"/>
    <script> function show(){ alert("altKey："+window.event.altKey +"\nshiftKey："+window.event.shiftKey +"\nctrlKey："+window.event.ctrlKey); }</script>

例：（按回车键让下一组件得到焦点，相当按Tab键）

<input type="text" onKeyDown="nextBlur()"/>
    <input type="text"/>
    <script> function nextBlur(){ if(window.event.keyCode==13)//回车键的 code window.event.keyCode=9;//Tab键的code } </script>

例：（点击按钮时显示按钮的name值）

<input type="button" value="闽" name="福建" onClick="show()"/>
    <input type="button" value="赣" name="江西" onClick="show()"/>
    <script> function show(){ alert(window.event.srcElement.name); } </script>

例如：屏蔽鼠标右键、Ctrl+n、shift+F10、F5刷新、退格键