JavaScript - 事件

JavaScript事件 - 从简单和简单的步骤学习Javascript从基本概念到高级概念，包括Javascript语法对象嵌入HTML验证Cookie正则表达式文字变量循环条件。

什么是事件？

JavaScript与HTML的交互是通过用户或浏览器操作页面时发生的事件来处理的。

页面加载时，它被称为事件。当用户单击按钮时，该点击也是一个事件。其他示例包括按任意键，关闭窗口，调整窗口大小等事件。

开发人员可以使用这些事件执行JavaScript编码响应，这会导致按钮关闭窗口，消息显示给用户，要验证的数据，以及几乎可以想象的任何其他类型的响应。

事件是文档对象模型（DOM）级别3的一部分，每个HTML元素包含一个一组可以触发JavaScript代码的事件。

在这里，我们将看到几个例子来理解Event和JavaScript之间的关系 :

onclick事件类型

这是最常用的事件类型当用户单击鼠标左键时发生这种情况。您可以针对此事件类型提供验证，警告等。

示例

请尝试以下示例。

在线演示

                                                Click the following button and see result

onsubmit事件类型

onsubmit 是您尝试提交表单时发生的事件。您可以针对此事件类型进行表单验证。

示例

以下示例显示如何使用onsubmit。这里我们在将表单数据提交给Web服务器之前调用validate()函数。如果validate()函数返回true，则表单将被提交，否则将不提交数据。

请尝试以下示例

                                                            .......

onmouseover 和 onmouseout事件

这两种事件类型将帮助您创建图像甚至文本的精美效果。将鼠标悬停在任何元素上时触发onmouseover事件，当您将鼠标从该元素移出时触发onmouseout事件。请尝试以下示例

在线演示

                                                Bring your mouse inside the division to see the result:
                      This is inside the division

HTML 5标准事件

此处列出标准HTML 5事件供你参考。这里脚本表示要对该事件执行的Javascript函数。

Attribute	Value	说明
Offline	script	文档离线时触发
Onabort	script	触发中止事件
onafterprint	script	打印文档后触发
onbeforeonload	script	文档加载前触发
onbeforeprint	script	打印文档前的触发器
onblur	script	窗口失去焦点时触发
oncanplay	script	当媒体可以开始播放时触发，但可能必须停止缓冲
oncanplaythrough	script	当媒体可以播放到结束，不停止缓冲
onchange	script	元素更改时触发
onclick	script	点击鼠标时触发
oncontextmenu	script	触发上下文菜单时触发
ondblclick	script	鼠标双击触发
ondrag	script	拖动元素时触发
ondragend	script	在结束时触发拖动操作
ondragenter	script	将元素拖动到有效放置目标时触发
ondragleave	script	在有效放置目标上拖动元素时触发
ondragover	script	在拖动操作开始时触发
ondragstart	script	在拖动操作开始时触发
ondrop	script	拖动元素被删除时触发
ondurationchange	script	触发器当媒体的长度改变时
onemptied	script	当媒体资源元素突然变空时触发。
onended	script	媒体到达结束时触发
onerror	script	发生错误时触发
onfocus	script	窗口获得焦点时触发
onformchange	script	表单更改时触发
onforminput	script	表单获取用户输入时触发
onhaschange	script	文档发生变化时触发
oninput	script	当元素获得用户输入时触发
oninvalid	script	元素无效时触发
onkeydown	script	按下某个键时触发
onkeypress	script	按下并释放按键时触发
onkeyup	script	释放密钥时触发
onload	script	文档加载时触发
onloadeddata	script	媒体数据时触发加载
onloadedmetadata	script	加载媒体元素的持续时间和其他媒体数据时触发
onloadstart	script	浏览器时触发开始加载媒体数据
onmessage	script	触发消息时触发
onmousedown	script	按下鼠标按钮时触发
onmousemove	script	鼠标指针移动时触发
onmouseout	script	鼠标指针触发移出元素
onmouseover	script	当鼠标指针在元素上移动时触发
onmouseup	script	释放鼠标按钮时触发
onmousewheel	script	旋转鼠标滚轮时触发
onoffline	script	文档下线时触发
onoine	script	文档上线时触发
ononline	script	文档上线时触发
onpagehide	script	隐藏窗口时触发
onpageshow	script	当窗口变为可见时触发
onpause	script	触发器当媒体数据暂停时
onplay	script	当媒体数据进入st时触发艺术演奏
onplaying	script	媒体数据开始播放时触发
onpopstate	script	窗口历史记录更改时触发
onprogress	script	当浏览器获取媒体数据时触发
onratechange	script	当媒体数据的播放速率发生变化时触发
onreadystatechange	script	准备状态更改时触发
onredo	script	当文档执行重做时触发
onresize	script	触发时窗口调整大小
onscroll	script	滚动元素的滚动条时触发
onseeked	script	当媒体元素的搜索属性不再为真时触发，并且搜索已经结束
onseeking	script	当媒体元素的seek属性为true时触发，寻求已经开始
onselect	script	选择元素时触发
onstalled	script	在获取媒体数据时出错
onstorage	script	触发器当文档加载时
onsubmit	script	提交表单时触发
onsuspend	script	在浏览器获取媒体数据时触发，但在获取整个媒体文件之前停止
ontimeupdate	script	触发器当媒体改变其播放位置
onundo	script	当文档执行撤消时触发
onunload	script	当用户离开文档时触发
onvolumechange	script	Trigg当媒体改变音量时，当音量设置为"静音"时
onwaiting	script	当媒体停止播放但预计会恢复时触发