JS中的事件:

  • 概念:某些组件被执行了某些操作后,触发某些代码的执行。
  • 事件:某些操作。如: 单击,双击,键盘按下了,鼠标移动了
  • 事件源:组件。如: 按钮 文本输入框…
  • 监听器:代码。
  • 注册监听:将事件,事件源,监听器结合在一起。 当事件源上发生了某个事件,则触发执行某个监听器代码。

1.点击事件:

  • onclick:单击事件
  • ondblclick:双击事件

2.焦点事件

  • onblur:失去焦点
  • onfocus:元素获得焦点。

3.加载事件:

  • onload:一张页面或一幅图像完成加载。

4.鼠标事件:

  • onmousedown 鼠标按钮被按下。
  • onmouseup 鼠标按键被松开。
  • onmousemove 鼠标被移动。
  • onmouseover 鼠标移到某元素之上。
  • onmouseout 鼠标从某元素移开。

5.键盘事件:

  • onkeydown 某个键盘按键被按下。
  • onkeyup 某个键盘按键被松开。
  • onkeypress 某个键盘按键被按下并松开。

6.选择和改变

  • onchange 域的内容被改变。
  • onselect 文本被选中。

7.表单事件:

  • onsubmit 确认按钮被点击。
  • onreset 重置按钮被点击。

常用的一些格式如下:


1、单击事件:onclick。用户单击鼠标按键时产生的事件,同时。nclick指定的事件处理程序或代码将被调用执行.

2、改变事件:onchange。当text或textarea元素内的字符值改变或select表格选项状态改变时发生该事件。

3、选中事件:onselect。当text或textarea对象中的文字被选中时会引发该事件。如:

<ipnut type="text" value="默认信息”onselect=alert(”您选中T文本框中的文字”)>

4、获得焦点事件:onfocus。用户单击text或textarea以及select对象,即光标落在文本框或选择框时会产生该事件。如:

<select name= "zhengjian" onfocus=alert(”我成为焦点”)>

5、失去焦点事件:onblur。失去焦点事件正好与获得焦点事件相对,当text或textarea以及select对象不再拥有焦点而退出后台时,引发该事件。

6、载人文件事件:onload,当页面文件载人时产生该事件。onload的一个作用就是在首次载人一个页面文件时检测cookie的值,并用一个变量为其赋值,使它可以被源代码使用,本事件是window的事件,但是在HTML中指定事件处理程序时,一般把它写在<body>标记中。如:

<body onload=alert(”正在加载页面,请等待一”)>

7、卸载文件事件:onunload。与载人文件事件。nload正好相反,当Web页面退出时引发的事件,并可更新。ookie的状态。如:

<body onunload=confirm(”你确定要离开本页?”)>

8、鼠标镇盖事件:onmouseover。 onmouseover是当鼠标位于元素上方时所引发的事件。如:

<input type= "boutton" value=”按钮”onmouseover= "window. status=‘请您注意下面的状态栏·;return true">

9、鼠标离开事件:onmouseout。 onmouseout是当鼠标离开元素时引发的事件。如果和鼠标覆盖事件同时使用,可以创建动态按钮的效果。

10、一般事件。

● ondbclick:鼠标双击事件。

● onkeypress:当键盘上的某个键被按下并且释放时触发的事件,要求页面内必须有激活的对象。

● onkeydown:当键盘上某个键被按下时触发的事件,要求页面内必须有激活的对象。

● onkeyup:当键盘上某个键被放开时触发的事件,要求页面内必须有激活的对象。

11、页面相关事件。

● onabort:图片在下载时被用户中断时触发的事件。

● onbeforeunload:当前页面的内容将要被改变时触发的事件。