JS各类触发事件

时间 2020-08-03

原文原文链接

onload 和 onUnload

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

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

onload 和 onUnload 事件也常被用来处理用户进入或离开页面时所创建的 cookies。例如，当某用户第一次进入页面时，你能够使用消息框来询问用户的姓名。姓名会保存在 cookie 中。当用户再次进入这个页面时，你能够使用另外一个消息框来和这个用户打招呼："Welcome John Doe!"。ide

onFocus, onBlur 和 onChange

onFocus、onBlur 和 onChange 事件一般相互配合用来验证表单。函数

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

<input type="text" size="30" id="email" ">onchange="checkEmail()

onSubmit

onSubmit 用于在提交表单以前验证全部的表单域。code

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

<form method="post" action="xxx.htm" onsubmit="return checkForm()">

onMouseOver 和 onMouseOut

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

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

<a href="http://www.w3school.com.cn"
>

<img src="w3school.gif" width="100" height="30">

</a>onMouseOver event');return false"