松软科技web课堂:JavaScript 事件

html 事件是发生在 html 元素上的“事情”。

当在 html 页面中使用 javascript 时，javascript 能够“应对”这些事件。

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>

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

实例

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

常见的 html 事件

下面是一些常见的 html 事件：

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