JavaScript事件

我们之前提到过函数的调用。函数定义之后，默认是不会执行的，这时候就需要一些事件来触发这个函数的执行。

事件简介

JavaScript很多有很多事件，例如鼠标的点击、移动，网页的载入和关闭。我们先来定义一个函数，再看几个事件的实例。

统一的示例函数：

<script type="text/JavaScript">
function displaymessage()
{
alert("我是菜鸟我怕谁!");
}
</script>

函数的事件很简单，只是显示一条消息。

使用点击事件调用，需要给元素设置onclick属性。示例代码如下：

 <button value="点击提交" onclick="displaymessage()">onclick调用函数</button>

实际效果如下，由于设置了onclick="displaymessage()"，因此点击按钮则会调用函数。

下面再来看看鼠标移出和经过的事件。

鼠标经过事件，试着把鼠标移动到这个div里面，将会调用函数。

使用鼠标经过事件调用函数的代码如下：

<button value="点击提交" onmouseover="displaymessage()">鼠标滑过调用函数</button>

鼠标移出事件，试着把鼠标移动到这个div里面，再移动出去，将会调用函数。

使用鼠标移出事件调用函数的代码如下：

 <button value="点击提交" onmouseout="displaymessage()">鼠标移出调用函数</button>