⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 3.2.1.htm

📁 一部非常好的javaScript教程
💻 HTM
📖 第 1 页 / 共 3 页
字号:
🔍
123 
    </td>
  </tr>
  <tr>
    <td width="29%" valign="TOP"> <font size="1">keyPress</font> </td>
    <td width="45%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size="1">按下并释放键盘上的某键</font> 
    </td>
  </tr>
  <tr>
    <td width="26%" valign="TOP" rowspan=4> <font size="1">Input</font> <font size="1">(type="text")</font> 
    </td>
    <td width="29%" valign="TOP"> <font size="1">blur</font> </td>
    <td width="45%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size="1">当前文本框失去输入焦点</font> 
    </td>
  </tr>
  <tr>
    <td width="29%" valign="TOP"> <font size="1">focus</font> </td>
    <td width="45%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size="1">当前文本框获得输入焦点</font> 
    </td>
  </tr>
  <tr>
    <td width="29%" valign="TOP"> <font size="1">change</font> </td>
    <td width="45%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size="1">文本框中的内容被修改并失去输入焦点</font> 
    </td>
  </tr>
  <tr>
    <td width="29%" valign="TOP"> <font size="1">select</font> </td>
    <td width="45%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size="1">文本框中的文本被选中</font> 
    </td>
  </tr>
  <tr>
    <td width="26%" valign="TOP" rowspan=2> <font size="1">Input</font> <font size="1">(type="password")</font> 
    </td>
    <td width="29%" valign="TOP"> <font size="1">blur</font> </td>
    <td width="45%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size="1">当前口令框失去输入焦点</font> 
    </td>
  </tr>
  <tr>
    <td width="29%" valign="TOP"> <font size="1">focus</font> </td>
    <td width="45%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size="1">当前口令框获得输入焦点</font> 
    </td>
  </tr>
  <tr>
    <td width="26%" valign="TOP" rowspan=4> <font size="1">Textarea</font> </td>
    <td width="29%" valign="TOP"> <font size="1">blur</font> </td>
    <td width="45%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size="1">当前多行文本框失去输入焦点</font> 
    </td>
  </tr>
  <tr>
    <td width="29%" valign="TOP"> <font size="1">focus</font> </td>
    <td width="45%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size="1">当前多行文本框获得输入焦点</font> 
    </td>
  </tr>
  <tr>
    <td width="29%" valign="TOP"> <font size="1">change</font> </td>
    <td width="45%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size="1">多行文本框中的内容被修改并失去输入焦点</font> 
    </td>
  </tr>
  <tr>
    <td width="29%" valign="TOP"> <font size="1">select</font> </td>
    <td width="45%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size="1">多行文本框中的文本被选中</font> 
    </td>
  </tr>
  <tr>
    <td width="26%" valign="TOP" rowspan=3> <font size="1">Input</font> <font size="1">(type="checkbox")</font> 
    </td>
    <td width="29%" valign="TOP"> <font size="1">click</font> </td>
    <td width="45%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size="1">单击复选框</font> 
    </td>
  </tr>
  <tr>
    <td width="29%" valign="TOP"> <font size="1">blur</font> </td>
    <td width="45%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size="1">当前复选框失去输入焦点</font> 
    </td>
  </tr>
  <tr>
    <td width="29%" valign="TOP"> <font size="1">focus</font> </td>
    <td width="45%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size="1">当前复选框获得输入焦点</font> 
    </td>
  </tr>
  <tr>
    <td width="26%" valign="TOP" rowspan=3> <font size="1">Input</font> <font size="1">(type="radio")</font> 
    </td>
    <td width="29%" valign="TOP"> <font size="1">click</font> </td>
    <td width="45%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size="1">单击单选框</font> 
    </td>
  </tr>
  <tr>
    <td width="29%" valign="TOP"> <font size="1">blur</font> </td>
    <td width="45%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size="1">当前单选框失去输入焦点</font> 
    </td>
  </tr>
  <tr>
    <td width="29%" valign="TOP"> <font size="1">focus</font> </td>
    <td width="45%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size="1">当前单选框获得输入焦点</font> 
    </td>
  </tr>
  <tr>
    <td width="26%" valign="TOP" rowspan=3> <font size="1">Input</font> <font size="1">(type="file")</font> 
    </td>
    <td width="29%" valign="TOP"> <font size="1">blur</font> </td>
    <td width="45%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size="1">当前文件选择框失去输入焦点</font> 
    </td>
  </tr>
  <tr>
    <td width="29%" valign="TOP"> <font size="1">focus</font> </td>
    <td width="45%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size="1">当前文件选择框获得输入焦点</font> 
    </td>
  </tr>
  <tr>
    <td width="29%" valign="TOP"> <font size="1">change</font> </td>
    <td width="45%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size="1">文件选择框的文本内容被修改并失去输入焦点</font> 
    </td>
  </tr>
  <tr>
    <td width="26%" valign="TOP" rowspan=5 height=19> <font size="1">Input</font> 
      <font size="1">(type="button")</font> </td>
    <td width="29%" valign="TOP" height=19> <font size="1">click</font> </td>
    <td width="45%" valign="TOP" height=19> <font face="宋体,SimSun" lang="ZH-CN" size="1">单击按钮</font> 
    </td>
  </tr>
  <tr>
    <td width="29%" valign="TOP"> <font size="1">blur</font> </td>
    <td width="45%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size="1">当前按钮失去输入焦点</font> 
    </td>
  </tr>
  <tr>
    <td width="29%" valign="TOP"> <font size="1">focus</font> </td>
    <td width="45%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size="1">当前按钮获得输入焦点</font> 
    </td>
  </tr>
  <tr>
    <td width="29%" valign="TOP"> <font size="1">mouseDown</font> </td>
    <td width="45%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size="1">在按钮上单击鼠标左键</font> 
    </td>
  </tr>
  <tr>
    <td width="29%" valign="TOP"> <font size="1">mouseUp</font> </td>
    <td width="45%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size="1">在按钮上释放鼠标左键</font> 
    </td>
  </tr>
  <tr>
    <td width="26%" valign="TOP" rowspan=3> <font size="1">Input</font> <font size="1">(type="submit")</font> 
    </td>
    <td width="29%" valign="TOP"> <font size="1">click</font> </td>
    <td width="45%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size="1">单击提交按钮</font> 
    </td>
  </tr>
  <tr>
    <td width="29%" valign="TOP"> <font size="1">blur</font> </td>
    <td width="45%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size="1">当前提交按钮失去输入焦点</font> 
    </td>
  </tr>
  <tr>
    <td width="29%" valign="TOP"> <font size="1">focus</font> </td>
    <td width="45%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size="1">当前提交按钮获得输入焦点</font> 
    </td>
  </tr>
  <tr>
    <td width="26%" valign="TOP" rowspan=3> <font size="1">Input</font> <font size="1">(type="reset")</font> 
    </td>
    <td width="29%" valign="TOP"> <font size="1">click</font> </td>
    <td width="45%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size="1">单击重置按钮</font> 
    </td>
  </tr>
  <tr>
    <td width="29%" valign="TOP"> <font size="1">blur</font> </td>
    <td width="45%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size="1">当前重置按钮失去输入焦点</font> 
    </td>
  </tr>
  <tr>
    <td width="29%" valign="TOP"> <font size="1">focus</font> </td>
    <td width="45%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size="1">当前重置按钮获得输入焦点</font> 
    </td>
  </tr>
  <tr>
    <td width="26%" valign="TOP" rowspan=3> <font size="1">Select</font> </td>
    <td width="29%" valign="TOP"> <font size="1">blur</font> </td>
    <td width="45%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size="1">当前选项菜单失去输入焦点</font> 
    </td>
  </tr>
  <tr>
    <td width="29%" valign="TOP"> <font size="1">focus</font> </td>
    <td width="45%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size="1">当前选项菜单获得输入焦点</font> 
    </td>
  </tr>
  <tr>
    <td width="29%" valign="TOP"> <font size="1">change</font> </td>
    <td width="45%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size="1">选项菜单中的选项被修改并失去输入焦点</font> 
    </td>
  </tr>
</table><p></center>
<p> 2.　事件处理属性 
<p>
在实际进行事件处理时，需要将具体的事件与事件处理函数相关联，关联的方法就是为 HTML 元素指定事件处理属性（或者说是事件响应属性）。<p>
例如，在第 1 章中的示例里，通过为 INPUT 标记符指定 onClick 属性，则确定了事件与事件处理函数的关联，如下所示：<p>
&lt;INPUT TYPE=&quot;Button&quot; onClick=&quot;showdate();&quot; VALUE=&quot;显示时间&quot;&gt;<p>
onClick 表示要处理的事件是 click 事件，等号后面的内容，或者说是 onClick 这个事件处理属性的值，是事件处理函数的名称。具体的事件处理函数，则用前面章节介绍的方法包含在 
SCRIPT 标记符中。<p>
以下示例进一步说明了如何指定事件与事件处理函数的关联。
<p><a href="../src/tu3.1.htm" target="_blank">示例 </a>
<p>在这个示例中，当用户将鼠标指针移动到超链接上时，导致了 mouseOver 事件的发生，根据 onMouseOver 属性的指定，调用了 eventHandler() 
  函数，该函数的作用是显示一个警告对话框。
<p>
可以看出，对应于某事件的事件处理属性通常就是在该事件名称之前加 on。通常在 HTML 中属性是与大小写无关的，即 onMouseOver、onMouseover
123

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -