Skip to main content

事件

HTML事件

HTML 事件可以是浏览器或用户做的某些事情。

下面是 HTML 事件的一些例子:

  • HTML 网页完成加载
  • HTML 输入字段被修改
  • HTML 按钮被点击

通常,当事件发生时,用户会希望做某件事。
JavaScript 允许您在事件被侦测到时执行代码。
通过 JavaScript 代码,HTML 允许您向 HTML 元素添加事件处理程序。

使用单引号或者双引号:

<element event='一些 JavaScript'>
<element event="一些 JavaScript">

在下面的例子中,onclick 属性(以及代码)被添加到 <button> 元素:

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

上面的例子点击后,就会显示现在的时间。

常见的 HTML 事件

事件描述
onchangeHTML 元素已被改变
onclick用户点击了 HTML 元素
onmouseover用户把鼠标移动到 HTML 元素上
onmouseout用户把鼠标移开 HTML 元素
onkeydown用户按下键盘按键
onload浏览器已经完成页面加载

DOM 事件 API 列表