手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JavaScript 中的事件教程
JavaScript 中的事件教程
摘要:事件是可以被JavaScript侦测到的行为。事件JavaScript使我们有能力创建动态页面。事件是可以被JavaScript侦测到的行为...

事件是可以被JavaScript侦测到的行为。

事件

JavaScript使我们有能力创建动态页面。事件是可以被JavaScript侦测到的行为。

网页中的每个元素都可以产生某些可以触发JavaScript函数的事件。比方说,我们可以在用户点击某按钮时产生一个onClick事件来触发某个函数。事件在HTML页面中定义。

事件举例:

鼠标点击

页面或图像载入

鼠标悬浮于页面的某个热点之上

在表单中选取输入框

确认表单

键盘按键

注意:事件通常与函数配合使用,当事件发生时函数才会执行。

如果需要更全面的关于Javascript可识别的事件的知识,请阅读我们的完整版《事件参考手册》。

onload和onUnload

当用户进入或离开页面时就会触发onload和onUnload事件。

onload事件常用来检测访问者的浏览器类型和版本,然后根据这些信息载入特定版本的网页。

onload和onUnload事件也常被用来处理用户进入或离开页面时所建立的cookies。例如,当某用户第一次进入页面时,你可以使用消息框来询问用户的姓名。姓名会保存在cookie中。当用户再次进入这个页面时,你可以使用另一个消息框来和这个用户打招呼:"WelcomeJohnDoe!"。

onFocus,onBlur和onChange

onFocus、onBlur和onChange事件通常相互配合用来验证表单。

下面是一个使用onChange事件的例子。用户一旦改变了域的内容,checkEmail()函数就会被调用。

<inputtype="text"size="30"id="email"onchange="checkEmail()">onSubmit

onSubmit用于在提交表单之前验证所有的表单域。

下面是一个使用onSubmit事件的例子。当用户单击表单中的确认按钮时,checkForm()函数就会被调用。假若域的值无效,此次提交就会被取消。checkForm()函数的返回值是true或者false。如果返回值为true,则提交表单,反之取消提交。

<formmethod="post"action="xxx.htm"onsubmit="returncheckForm()">onMouseOver和onMouseOut

onMouseOver和onMouseOut用来创建“动态的”按钮。

下面是一个使用onMouseOver事件的例子。当onMouseOver事件被脚步侦测到时,就会弹出一个警告框:

<ahref="http://www.w3school.com.cn"

onmouseover="alert('AnonMouseOverevent');returnfalse">

<imgsrc="w3schools.gif"width="100"height="30">

</a>

【JavaScript 中的事件教程】相关文章:

javaScript中with函数用法实例分析

JavaScript通过事件代理高亮显示表格行的方法

通过JavaScript脚本复制网页上的一个表格

实现DIV圆角的JavaScript代码

JavaScript数据结构与算法之链表

JavaScript中停止执行setInterval和setTimeout事件的方法

JavaScript中操作字符串小结

JavaScript中fixed()方法的使用简介

JavaScript中Number.MIN_VALUE属性的使用示例

JavaScript的while循环的使用

精品推荐
分类导航