JavaScript 事件

• 

  JavaScript事件简释

  HTML事件是HTML元素发生的“事情”。在HTML页面中使用JavaScript时，JavaScript可以对这些事件做出“反应”。HTML事件可以是浏览器所做的事情，也可以是用户所做的事情。以下是HTML事件的一些示例：

  • HTML网页已完成加载
  • HTML input字段已更改
  • 单击了一个HTML按钮

  通常，当事件发生时，您可能想要做某事。JavaScript允许您在检测到事件时执行代码。HTML允许将带有JavaScript代码的事件处理程序属性添加到HTML元素中

  单引号：

  <element event='some JavaScript'>

  双引号：

  <element event="some JavaScript">

  在以下示例中，将一个onclick属性添加到<button>元素中：

  <button onclick="document.getElementById('demo').innerHTML = Date()">现在的时间是?</button>

  尝试一下

  在上面的示例中，JavaScript代码使用id=“demo”更改元素的内容。在下一个示例中，代码更改了自己元素的内容（使用this.innerHTML）：

  <button onclick="this.innerHTML = Date()">现在的时间是?</button>

  尝试一下

  嵌入HTML的JavaScript代码通常有几行。事件属性调用函数的更常见：

  <button onclick="displayDate()">现在时间是?</button>

  尝试一下
• 

  常见的HTML事件

  以下是一些常见HTML事件的列表：

  事件	描述
  onchange	HTML元素已更改
  onclick	用户单击HTML元素
  onmouseover	用户将鼠标移动到HTML元素上
  onmouseout	用户将鼠标移离HTML元素
  onkeydown	用户按下键盘键
  onload	浏览器已完成加载页面

  更多HTML事件参考
• 

  JavaScript事件可以做什么？

  事件处理程序可用于处理和验证用户输入，用户操作和浏览器操作：

  • 每次页面加载时应该完成的事情
  • 页面关闭时应该完成的事情
  • 用户单击按钮时应执行的操作
  • 用户输入数据时应验证的内容
  • 和更多 ...

  可以使用许多不同的方法让JavaScript处理事件：

  • HTML事件属性可以直接执行JavaScript代码
  • HTML事件属性可以调用JavaScript函数
  • 您可以将自己的事件处理函数分配给HTML元素
  • 您可以阻止发送或处理事件
  • 和更多 ...