一、事件简介

JavaScript 使我们有能力创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发JavaScript函数的事件。比方说,我们可以在用户点击某按钮时产生一个 onClick 事件来触发某个函数。事件在 HTML 页面中定义。


二、事件举例和分类

1、下面我就列出一些常见的事件

onclick——————–鼠标点击
ondblclick—————-鼠标双击时触发此事件
onmouseover————当鼠标移动到某对象范围的上方时触发此事件
onmousemove———–鼠标移动(抚摸)时触发此事件
onmouseout————-当鼠标离开某对象范围时触发此事件


onload————–页面内容完成时触发此事件
onkeypress———当键盘上的某个键被按下并且释放时触发此事件
onkeydown———当键盘上某个按键被按下时触发此事件
onkeyup————当键盘上某个按键被按放开时触发此事件
onbeforeunload—-当前页面的内容将要被改变时触发此事件
onerror————-出现错误时触发此事件
onscroll————-浏览器的滚动条位置发生变化时触发此事件
onstop—————浏览器的停止按钮被按下时触发此事件或者正在下载的文件被中断


onblur————–当前元素失去焦点时触发此事件
onchange———-当前元素失去焦点并且元素的内容发生改变而触发此事件
onfocus————-当某个元素获得焦点时触发此事件
onsubmit———–一个表单被递交时触发此事件
onbounce———–在Marquee内的内容移动至Marquee显示范围之外时触发此事件

2、部分详解

onload 和 onUnload事件

当用户进入或离开页面时就会触发 onload 和 onUnload 事件。
onload 事件常用来检测访问者的浏览器类型和版本,然后根据这些信息载入特定版本的网页。

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


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 事件的例子。当 onMouseOver 事件被脚本侦测到时,就会弹出一个警告框:

<ahref=""onmouseover="alert('AnonMouseOverevent');returnfalse"><imgsrc=""width="100"height="30"></a>

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

js中 onclick 点击事件和参数 jquery onclick触发的js事件_消息框

作者:王华桥