“这是我参与8月更文挑战的第21天，活动详情查看： 8月更文挑战”

JavaScript事件

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

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

Javascript事件是什么？有什么作用？

通常鼠标或热键的动作，我们称为是事件(Event)。

通过JS的事件，我们可以完成页面的指定特效。

HTML事件

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

以下是 HTML 事件的实例：

• HTML 页面完成加载
• HTML input 字段改变时
• HTML 按钮被点击

通常，当事件发生时，我们可以做些事情。

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

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

我们来看一下例子：

在以下实例中，按钮元素中添加了 onclick 属性 (并加上代码):

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

常见的HTML事件

常见的HTML事件

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

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

事件三要素

事件三要素 事件源、事件、事件驱动程序。

三句话：获取事件源、绑定事件、书写事件驱动程序。

1.获取事件源：document.getElementById(“box”);

2.绑定事件： box.onclick = function(){ 程序 };

3.书写事件驱动程序：以后要学习的关于DOM的操作

事件源可以是：

• 网页元素(按钮，输入框，文本域等等)
• 浏览器窗口
• 其他

写在最后

通过JS事件我们可以，我们完成很多页面的特效设计。在页面上的设计特效，我们可以理解在JS的事件驱动机制下进行。本篇我们主要学习一些事件的基本概念，下篇我们具体来讲事件驱动机制，以及JS事件的具体使用方式。

好了，以上就是JS事件的一些基本内容，如有不正之处欢迎掘友们批评指正。