公告:本站提供编程开发方面的技术交流与分享,打造最佳教程网,希望能为您排忧解难!

JS教程JavaScript基础:常用JavaScript事件

JavaScript基础:常用JavaScript事件

更新时间:2013-05-27 20:34:06 |

事件

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

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

常用事件举例:

  • 鼠标点击
  • 页面或图像载入
  • 鼠标悬浮于页面的某个热点之上
  • 在表单中选取输入框
  • 确认表单
  • 键盘按键

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

如果需要更多有关 Javascript 可识别事件的知识,请参阅 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="http://www.goodxyx.com/index.html"onsubmit="return checkForm()">

onMouseOver 和 onMouseOut

onMouseOver 和onMouseOut 用来创建动态效果的按钮。

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

<a href="http://www.goodxyx.com"onmouseover="alert('An onMouseOver event');return false"> 幸运星在线教程网 </a>

 

最佳教程网

最大的技术交流平台 www.goodxyx.com© CopyRight 2011-2013, All Rights Reserved

浙ICP备11033019号