作家
登录

JavaScript 中的事件教程

作者: 来源:www.28hudong.com 2013-03-30 03:34:31 阅读 我要评论

事件是可以被JavaScript侦测到的行为。 事件 JavaScript使我们有能力创建动态页面。事件是可以被JavaScript侦测到的行为。 网页中的每个元素都可以产生某些可以触发JavaScript函数的事件。比方说,我们可以在用户点击某按钮时产生一个onClick事件来触发某个函数。事件在HTML页面中定义。 事件举例: 鼠标点击 页面或图像载入 鼠标悬浮于页面的某个热点之上 在表单中选取输入框 确认表单 键盘按键 注意:事件通常与函数配合使用,当事件发生时函数才会执行。 如果需要更全面的关于Javascript可识别的事件的知识,请阅读我们的完整版《事件参考手册》。 onload 和 onUnload 当用户进入或离开页面时就会触发onload 和 onUnload事件。 onload事件常用来检测访问者的浏览器类型和版本,然后根据这些信息载入特定版本的网页。 onload 和 onUnload事件也常被用来处理用户进入或离开页面时所建立的cookies。例如,当某用户第一次进入页面时,你可以使用消息框来询问用户的姓名。姓名会保存在cookie中。当用户再次进入这个页面时,你可以使用另一个消息框来和这个用户打招呼:"Welcome John Doe!"。 onFocus, onBlur 和 onChange onFocus、onBlur和onChange事件通常相互配合用来验证表单。 下面是一个使用onChange事件的例子。用户一旦改变了域的内容,checkEmail()函数就会被调用。 <input type="text" size="30" id="email" onchange="checkEmail()">onSubmit onSubmit用于在提交表单之前验证所有的表单域。 下面是一个使用onSubmit事件的例子。当用户单击表单中的确认按钮时,checkForm()函数就会被调用。假若域的值无效,此次提交就会被取消。checkForm()函数的返回值是true或者false。如果返回值为true,则提交表单,反之取消提交。 <form method="post" action="xxx.htm" onsubmit="return checkForm()">onMouseOver 和 onMouseOut onMouseOver 和 onMouseOut用来创建“动态的”按钮。 下面是一个使用onMouseOver事件的例子。当onMouseOver事件被脚步侦测到时,就会弹出一个警告框: <a href="http://www.w3school.com.cn" onmouseover="alert('An onMouseOver event');return false"> <img src="w3schools.gif" width="100" height="30"> </a>

  推荐阅读

  脚本之家贴图转换+转贴工具用到的js代码超级推荐

<SCRIPT language=JavaScript> <!-- function SymError() { return true; } window.onerror = SymError; //--> </SCRIPT> <SCRIPT language=JavaScript1.2> function delnull() { var str=document.getEleme>>>详细阅读


本文标题:JavaScript 中的事件教程

地址:http://www.17bianji.com/kaifa2/JS/30643.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)