曲径通幽论坛

标题: 事件驱动与事件处理 [打印本页]

作者: easy 时间: 2013-4-22 11:56
标题: 事件驱动与事件处理
在 JavaScript 中，事件包括两个方面：

用户在浏览器中产生的操作是事件，如单击鼠标，按下键盘等。

文档本身产生的事件，如文档加载完毕，写在文档等

响应事件

1. 在 HTML 标签中设置事件驱动

要设置元素响应什么事件，就必须在标签中添加一个与事件相关的属性，属性名为 "on" 加上事件名。比如下面代码：

<img src="1.jpg" onmousemove="alert('不要碰我')" />

在这条语句中，只要鼠标移动到 1.jpg 这个图片上时，就会触发 onmouseover 事件，响应该事件就是 alert('不要碰我') 这条语句。

上面的语句是在 HTML 中设置的事件驱动。我们还可以通过在 JavaScript 中设置时间驱动，代码如下：

<body>

<form name="Domain">
<input type="button" name="myButton" value="Go">
</form>

</body>

<script type="text/javascript" language="javascript">

</script>

Domain

myButton

onclick

MouseClick

; 这条语句是一个典型的 BOM 对象引用方式，Domain 代表表单；myButton 代表表单中的按钮；onclick 是该按钮的属性。需要注意的是，onclick 属性值为 "MouseClick" ，而不是 "MouseClick()" 。如果写成 MouseClick() ，那么就会直接去执行 MouseClick() 函数，而不会将

MouseClick() 函数赋值给 onclick 属性。

欢迎光临曲径通幽论坛 (http://www.groad.net/bbs/)