JS 事件

HTML 事件

HTML 事件的一些例子：

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

通过 JavaScript 代码，HTML 允许您向 HTML 元素添加事件处理程序。

使用单引号：

<element event='一些 JavaScript'>

使用双引号：

<element event="一些 JavaScript">

• 在下面的例子中，onclick 属性（以及代码）被添加到 <button> 元素：

实例：

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

• 在上面的例子中，JavaScript 代码改变了 id=“demo” 的元素的内容。
• 在接下来的例子中，代码（使用 this.innerHTML）改变了其自身元素的内容：

实例：

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

• JavaScript 代码通常有很多行。事件属性调用函数更为常见：

实例：

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

---

常见的 HTML 事件

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

---

以上内容均整理自W3C，如需阅读全文请点击链接。