javascript事件类型
2014-08-15来源:易贤网

根据触发事件的事物和事件发生对象,可将浏览器中发生的事件分为几个类型.

一.鼠标事件,用户使用鼠标进行操作时触发的事件.

鼠标事件包含一下几种

1.click-用3w户点击鼠标左键时触发,当用户的交单点在按钮上并按了回车,同样触发该事件.

2.dbclick-用f户点击任意一个鼠标按钮时发生

3.mouseout-鼠o标指针指向某个元素上,且用户正要移出元素的边界时发生

4.mouseover-鼠r标移出某个元素到另一个元素上时发生.

5.mouseup-用户a松开任意一个按钮时发生.

6.mousemove-用s户鼠标在某个元素上时持续发生

页面上所有元素p都支持鼠标事件.

鼠标事件的属.cn性,每个鼠标事件都会给以下event对象的属性赋值.

坐标属性-clientX和clientY

type属性-动作名称

target(Dom)或者srcElement属性

shiftKey,ctrlKey,altKey,和metaKey(Dom)属性

button属性(只有在mousedown,mouseover,mouseout,mousemove,mouseup事件中)

鼠标事件发生顺序

mouserdown>>mouseup>>mouseup>>click>>mousedown>>mouseup>>click>>dbclick

二.键盘事件,键盘事件是由用户对键盘的动作引发.有以下几种事件.

1.keydown-用户在按键上按下某个键时触发,一直按着某个键,则会不停的触发(Opera浏览器除外)

2.keypress-用户按下一个键,并产生一个字符时发生(不管是shiftalt等),一直按下去,则会一直触发

3.keyup-用户释放按着的键是触发.

键盘事件属性,每个键盘事件总会有以下的事件属性

keyCode属性

charCode属性(Dom)

target(Dom)或者srcElement(IE)属性

shiftKey,ctrlKey,和metaKey(Dom)属性.

键盘事件发生顺序

keydown>>keypress>>keyup(字符键)

keydown>>keyup(非字符键)

三 HTML事件

1.load事件-页面完全载入瓦尼背后在window对象上触发.所有框架都载入完毕后触发<img>载入完毕后在其上面触发,或者<object>元素完全字载入如后触发.

2.unload事件-页面完全卸载后在window对象上触发,所有框架都卸载后在框架上触发,<img>卸载完毕后在其上面触发,或者<object>元素完全卸载后触发

3.abort事件-用户停止下载过程如果<object>对象没有完全载入,就在其上面触发

4.error事件-javascript脚本出错时,在window上触发.某个<img>的指定图像无法载入时在其上面触发;或者<object>无法载入时触发,或者框架的一个或者多个无法载入时触发.

5.select事件-用户选择了文本框中的一个或者多个字符时触发(,input或者textarea)

6.change事件-文本框<input>等市区焦点时触发,select元素值发生变化时触发

7.submit事件-点击提交按钮时触发<input type="submit">,在form上触发

8.reset事件-点击重置按钮时触发<input type="reset">时,在form上触发.

9.resize事件-窗口或者框架大小发生改变时触发

10.scroll事件-用户在任何带滚动条的元素上卷动它时触发.<body>元素包含载入页面的滚动条

11.fouus事件-任何元素或者窗口本身获取焦点(包括点击,tab切换,或者回车)触发

12.blur事件-任何元素或者窗口失去焦点时触发.

四变化事件

变化事件目前没有主流浏览器使用,暂时不介绍了.

更多信息请查看IT技术专栏

2025公考·省考培训课程试听预约报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
推荐信息