浅析Javaｓｃｒｉｐｔ中的事件机制

什么是事件

Javaｓｃｒｉｐｔ和HTML之间的交互是由页面上的用户或浏览器发生的事件来处理的。

当页面加载时，这是一个事件。当用户单击按钮时，这是一个事件。另一个事件的例子是按任意键，关闭窗口，调整窗口，等等。

开发人员可以使用这些事件执行Javaｓｃｒｉｐｔ编码响应，这将导致按钮关闭窗口、消息、显示给用户、要验证的数据，以及几乎任何其他类型的响应都可能发生。

事件是文档对象模型（DOM）的第三层，每个HTML元素的一部分都有一组Javaｓｃｒｉｐｔ代码事件触发器。

实例uff1a

<！——
函数sayHello（）{
警报（Hello World）
}

这将导致以下结果，当你点击Hello按钮的onclick事件，然后发生会触发sayHello（）函数。

onsubmit事件类型：

另外最重要的事件类型是onsubmit。这事件被触发时，尝试提交表单。因此，一种可以用来验证这一事件的类型。

下面是一个简单的使用它的例子。在这里，我们在将表单数据提交给Web服务器之前调用一个验证（）函数。如果表单返回提交给true的验证（）函数，数据将不会被提交。

实例uff1a

<！——
函数验证（）{
所有验证程序在这里
…
返回true或false
}

…

onmouseover和onmouseout：

这两类活动将有助于创建图片，甚至文字，和良好的结果。当鼠标放在任何元素，当元素移动鼠标从元素onmouseout事件，onmouseover事件迁出日期。

实例uff1a

下面的示例说明组的反应如下：

<！——
函数在（）{
警报（鼠标越过）；
}
函数（）{
警报（鼠标退出）；
}

这是在除法里面

您可以使用这两种类型的事件来更改不同的图像，也可以创建一个帮助您的用户。

HTML 4标准事件

标准HTML4事件列在这里供参考。以下脚本显示了一个Javaｓｃｒｉｐｔ函数来执行事件。