javascript教程（十一） 事件

Javascript 事件

Javascript事件与HTML几乎雷同，只是HTML 事件是发生在 HTML 元素上的事情。当在 HTML 页面中使用 JavaScript 时， JavaScript 可以触发这些事件。

一、触发Javascript事件

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

以下是 HTML 事件的实例：

1、HTML 页面完成加载

2、HTML 按钮被点击

通常，当事件发生时，你可以做些事情。在事件触发时 JavaScript 可以执行一些代码。HTML 元素中可以添加事件属性，使用 JavaScript 代码来添加 HTML 元素。

<button onclick="myfunction（）">按钮</button>
<script>
function myfunction(){
alert(当按钮被点击时就会调用本函数);
}
</script>

上述事例就是通过元素的onclick事件调用javascript脚本的。当然可以触发Javascript事件的html事件还有很多，可用事件列表请详见：

HTML 事件方法一览表

二、Javascript事件可以做什么？

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

1、页面加载时触发事件

2、页面关闭时触发事件

3、用户点击按钮执行动作

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

...

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

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

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

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

4、你可以阻止事件的发生。

...

学习不止眼前的教程与笔记还需实践与创新——小伙伴们块动手试试吧~