根据触发事件的事物和事件发生对象,可将浏览器中发生的事件分为几个类型.
一.鼠标事件,用户使用鼠标进行操作时触发的事件.
鼠标事件包含一下几种
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事件-任何元素或者窗口失去焦点时触发.
四变化事件
变化事件目前没有主流浏览器使用,暂时不介绍了.
2025国考·省考课程试听报名