JavaScript中的事件机制分析

事件是什么？

JavaScript和HTML之间的交互是由用户或浏览器操纵的页面上发生的事件来处理的。

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

开发人员可以使用这些事件来执行JavaScript编码的响应，这将导致按钮关闭窗口、向用户显示消息、验证数据，并且几乎可以发生任何其他类型的响应。

事件是文档对象模型(DOM)的第三层，HTML元素的每个部分都有一组可以触发JavaScript代码的事件。

示例：

htmlheadscript类型='text/javascript '！-function SayHello(){ alert(' Hello world ')}//////script/headly input type=' button ' onclick=' SayHello()' value=' SayHello '/body/html这将产生以下结果，当您单击“hello”按钮时，将发生onclick事件。

Onsubmit事件类型：

另一个最重要的事件类型是onsubmit。尝试提交表单时会引发此事件。因此，表单验证可以针对此事件类型。

下面是一个简单的例子来说明它的用法。这里，在向Web服务器提交表单数据之前，我们调用validate()函数。如果要提交表单，validate()函数将返回true，否则将不会提交数据。示例：

htmlheadscript类型='text/javascript '！-函数验证(){所有验证都在这里..返回true或false }//////script/流头格式方法=' post ' action=' t . CGI ' on submit=' returnvalidate()'.输入类型=' submit '值=' submit '//form/body/html on mouseover和onmouseout:

这两种事件类型将有助于创建图片，甚至文字和良好的结果。当鼠标停留在任何元素上时，会发生Onmouseout事件，当鼠标离开该元素时，会发生onmouseover事件。示例：

下面的例子表明分组反应如下：

htmlheadscript类型='text/javascript '！-函数over() { alert('鼠标悬停')；}函数Out(){ alert(' Mouse Out ')；}/////script/headdydiv on mouseover=' over()' on mouseout=' out()' H2这是在division /h2/div/body/html内部

您可以使用这两种事件类型来更改不同的图像或创建用户来帮助您。HTML 4标准事件

这里列出了标准的HTML4事件供您参考。下面的脚本显示了一个执行事件的Javascript函数。