JavaScript 事件

HTML 事件是发生在HTML元素上的事情。

当在HTML 页面中使用JavaScript是，JavaScript可以触发这些事件。

HTML 事件

HTML 事件可以是浏览器行为，也可以是用户行为。

以下是HTML事件的实例：

        HTML页面完成加载

        HTML input字段改变时

        HTML 按钮被点击

通常，当事件发成时，你可以做些事情。

在事件触发时，JavaScript可以执行一些代码。

HTML元素中可以添加事件属性，使用JavaScript代码来添加HTML元素。

单引号：

<some-HTML-element some-event='JavaScript 代码'>

 双引号：

<some-HTML-element some-event="JavaScript 代码">

在以下代码中，按钮元素中添加了onclick属性：

<button onclik = "getElementById('demo').innerHTML = Date()">现在事件是？</button>

在以上代码中，JavaScript代码将修改id = "demo"元素的内容。

在下面代码中，代码将修改自身元素的内容（使用 this.innerHTML）：

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

JavaScript代码通常是几行代码。比较常见的是通过事件属性来调用：

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

 常见的HTML事件

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

事件	描述
onchange	HTML元素改变
onclick	用户点击HTML元素
onmouseover	鼠标指针移动到指定的元素上时发生
onmouseout	用户从一个HTML元素上移开鼠标时发生
onkeydown	用户按下键盘按键
onload	浏览器已完成页面的加载

JavaScript可以做什么？

事件可以用于处理表单验证，用户输入，用户行为及浏览器动作：

        页面加载时触发事件

        页面关闭时触发事件

        用户点击按钮执行动作

        验证用户输入内容的合法性

        等等.....

可以使用多种方法来执行JavaScript事件代码：

        HTML事件属性可以直接执行 JavaScript 代码

        HTML事件属性可以调用 JavaScript 函数

        你可以为 HTML 元素指定自己的事件处理程序

        你可以阻止事件的发生

        等等.....