📄 3.3.1.htm
字号:
<html>
<head>
<title>Untitled Document</title>
<LINK REL ="stylesheet" TYPE = "text/css" HREF = ".../contents.css">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#FFFFFF">
<h2 align="center">event 对象的属性</h2>
<p>1. 属性列表
<p>
在 Internet Explorer 中，event 对象的属性如表 3.3 所示。</p>
<div align=center> 表 3.3 Event 对象的属性</div>
<p>
<center>
<table BORDER cellspacing=1 cellpadding=9 width=611>
<tr>
<td width="20%" valign="TOP"> <b><font face="宋体,SimSun" lang="ZH-CN" size="1">属性</font></b>
</td>
<td width="80%" valign="TOP"> <b><font face="宋体,SimSun" lang="ZH-CN" size="1">功能</font></b>
</td>
</tr>
<tr>
<td width="20%" valign="TOP"> <font size="1">altKey</font> </td>
<td width="80%" valign="TOP"> <font size=1> Alt </font><font face="宋体,SimSun" lang="ZH-CN" size=1>键按下时为真</font>
</td>
</tr>
<tr>
<td width="20%" valign="TOP"> <font size="1">ctrlKey</font> </td>
<td width="80%" valign="TOP"> <font size=1> Ctrl </font><font face="宋体,SimSun" lang="ZH-CN" size=1>键按下时为真</font>
</td>
</tr>
<tr>
<td width="20%" valign="TOP"> <font size="1">shiftKey</font> </td>
<td width="80%" valign="TOP"> <font size=1> Shift </font><font face="宋体,SimSun" lang="ZH-CN" size=1>键按下时为真</font>
</td>
</tr>
<tr>
<td width="20%" valign="TOP"> <font size="1">button</font> </td>
<td width="80%" valign="TOP"> <font size=1> </font><font face="宋体,SimSun" lang="ZH-CN" size=1>发生事件时所按的鼠标键（</font><font size=1>0
</font><font face="宋体,SimSun" lang="ZH-CN" size=1>表示没按下任何键，</font><font size=1>1
</font><font face="宋体,SimSun" lang="ZH-CN" size=1>表示按下鼠标左键，</font><font size=1>2
</font><font face="宋体,SimSun" lang="ZH-CN" size=1>表示按下鼠标右键……）</font> </td>
</tr>
<tr>
<td width="20%" valign="TOP"> <font size="1">cancelBubble</font> </td>
<td width="80%" valign="TOP"> <font size=1> </font><font face="宋体,SimSun" lang="ZH-CN" size=1>设置为真或假，表示取消或启用事件浮升（有关信息，请参见本章</font><font size=1>
3.3.2 </font><font face="宋体,SimSun" lang="ZH-CN" size=1>节）</font> </td>
</tr>
<tr>
<td width="20%" valign="TOP"> <font size="1">clientX</font> </td>
<td width="80%" valign="TOP"> <font size=1> </font><font face="宋体,SimSun" lang="ZH-CN" size=1>鼠标光标相对于事件所在窗口客户区域的水平坐标，不包括窗口修饰或滚动条</font>
</td>
</tr>
<tr>
<td width="20%" valign="TOP"> <font size="1">clientY</font> </td>
<td width="80%" valign="TOP"> <font size=1> </font><font face="宋体,SimSun" lang="ZH-CN" size=1>鼠标光标相对于事件所在窗口客户区域的垂直坐标，不包括窗口修饰或滚动条</font>
</td>
</tr>
<tr>
<td width="20%" valign="TOP"> <font size="1">keyCode</font> </td>
<td width="80%" valign="TOP"> <font size=1> </font><font face="宋体,SimSun" lang="ZH-CN" size=1>表示与所按键相关联的</font><font size=1>
Unicode </font><font face="宋体,SimSun" lang="ZH-CN" size=1>代码</font> </td>
</tr>
<tr>
<td width="20%" valign="TOP"> <font size="1">offsetX</font> </td>
<td width="80%" valign="TOP"> <font size=1> </font><font face="宋体,SimSun" lang="ZH-CN" size=1>鼠标光标相对于事件所在对象（或者说容器）的水平坐标</font>
</td>
</tr>
<tr>
<td width="20%" valign="TOP"> <font size="1">offsetY</font> </td>
<td width="80%" valign="TOP"> <font size=1> </font><font face="宋体,SimSun" lang="ZH-CN" size=1>鼠标光标相对于事件所在对象（或者说容器）的垂直坐标</font>
</td>
</tr>
<tr>
<td width="20%" valign="TOP"> <font size="1">reason</font> </td>
<td width="80%" valign="TOP"> <font size=1> </font><font face="宋体,SimSun" lang="ZH-CN" size=1>表示数据源对象的数据传输状态</font>
</td>
</tr>
<tr>
<td width="20%" valign="TOP"> <font size="1">returnValue</font> </td>
<td width="80%" valign="TOP"> <font size=1> </font><font face="宋体,SimSun" lang="ZH-CN" size=1>表示从事件中返回的值，取值为</font><font size=1>
true </font><font face="宋体,SimSun" lang="ZH-CN" size=1>或</font><font size=1>
false</font> </td>
</tr>
<tr>
<td width="20%" valign="TOP"> <font size="1">screenX</font> </td>
<td width="80%" valign="TOP"> <font size=1> </font><font face="宋体,SimSun" lang="ZH-CN" size=1>鼠标光标相对于用户屏幕的水平坐标</font>
</td>
</tr>
<tr>
<td width="20%" valign="TOP"> <font size="1">screenY</font> </td>
<td width="80%" valign="TOP"> <font size=1> </font><font face="宋体,SimSun" lang="ZH-CN" size=1>鼠标光标相对于用户屏幕的垂直坐标</font>
</td>
</tr>
<tr>
<td width="20%" valign="TOP"> <font size="1">fromElement</font> </td>
<td width="80%" valign="TOP"> <font size=1> </font><font face="宋体,SimSun" lang="ZH-CN" size=1>表示被移动的元素</font>
</td>
</tr>
<tr>
<td width="20%" valign="TOP"> <font size="1">srcElement</font> </td>
<td width="80%" valign="TOP"> <font size=1> </font><font face="宋体,SimSun" lang="ZH-CN" size=1>表示触发事件的对象</font>
</td>
</tr>
<tr>
<td width="20%" valign="TOP"> <font size="1">srcFilter</font> </td>
<td width="80%" valign="TOP"> <font size=1> </font><font face="宋体,SimSun" lang="ZH-CN" size=1>表示导致</font><font size=1>
onfilterchange </font><font face="宋体,SimSun" lang="ZH-CN" size=1>事件触发的过滤器对象（有关过滤器对象的详细信息，请参见本书第</font><font size=1>
8 </font><font face="宋体,SimSun" lang="ZH-CN" size=1>章）</font> </td>
</tr>
<tr>
<td width="20%" valign="TOP"> <font size="1">toElement</font> </td>
<td width="80%" valign="TOP"> <font size=1> </font><font face="宋体,SimSun" lang="ZH-CN" size=1>表示正在向其移动的那个元素</font>
</td>
</tr>
<tr>
<td width="20%" valign="TOP"> <font size="1">type</font> </td>
<td width="80%" valign="TOP"> <font size=1> </font><font face="宋体,SimSun" lang="ZH-CN" size=1>以字符串形式返回事件对象中的事件名称</font>
</td>
</tr>
<tr>
<td width="20%" valign="TOP"> <font size="1">x</font> </td>
<td width="80%" valign="TOP"> <font size=1> </font><font face="宋体,SimSun" lang="ZH-CN" size=1>鼠标光标相对于事件所在文档的水平坐标</font>
</td>
</tr>
<tr>
<td width="20%" valign="TOP"> <font size="1">y</font> </td>
<td width="80%" valign="TOP"> <font size=1> </font><font face="宋体,SimSun" lang="ZH-CN" size=1>鼠标光标相对于事件所在文档的垂直坐标</font>
</td>
</tr>
</table><p>
</center>
<p>说明：event 对象只在事件过程中才有效，也就是说，只能在事件处理代码而不能在其他代码中使用该对象。尽管 event 对象可以使用所有属性，但某些属性只在特定事件处理代码中才有意义。例如，只有在处理
onmouseover 和 onmouseout 事件时 fromElement 和 toElement 属性才有意义。<p>
2. 示例 1
<p> 以下示例显示了几种与坐标有关的属性的用法
<p><a href="../src/tu3.5.htm" target="_blank">示例</a>
<p>这段代码的效果为：当用户在浏览器窗口中移动鼠标指针时，在状态栏中显示出光标的 X 坐标和 Y 坐标；当单击"单击此处获得当前位置的client坐标"按钮时，将弹出一个提示框显示当前位置的客户区域坐标；当单击"单击此处获得当前位置的screen坐标"按钮时，将弹出一个提示框显示当前位置的屏幕区域坐标。
<p>
<p>
3. 示例 2
<p> 以下示例显示了 srcElement、shiftKey 以及 returnValue 等属性的用法
<p>在该段代码中，表达式 window.event.srcElement.tagName=="A" 表示事件发生的对象是否为超链接标记符。由于
srcElement 属性的含义是触发事件的对象，因此该属性与一般 HTML 对象一样具有 tagName 等属性。在 if 语句中同时还判断 window.event.shiftKey
是否为真，即事件发生时是否按下了 shift 键。如果 if 条件判断为真，则将事件的返回值设置为 false，表示不进行事件处理。所以，当在文档中按下
shift 键的同时单击超链接时，并不进行通常的跳转操作，而是忽略该单击事件。
<p> <a href="../src/tu3.6.htm" target="_blank">示例</a>
<p>
<p>
4. 示例 3
<p> 以下示例更为实用，它演示了如何使用 event 对象的 keyCode 属性响应键盘事件。
<p> 这段代码的效果为：单击"显示帮助"按钮时将显示一个帮助窗口，此时如果按 Esc 键，则可以关闭该窗口。
<p>
<p><a href="../src/tu3.7.htm" target="_blank">示例</a></p>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -