事件
JavaScript所支持的事件,可以分为以下几类:
窗口事件 (Window Events)
表单元素事件 (Form Element Events)
键盘事件 (Keyboard Events)
鼠标事件 (Mouse Events)
鼠标事件
鼠标移动到目标元素上的那一刻,首先触发mouseover
之后如果光标继续在元素上移动,则不断触发mousemove
如果按下鼠标上的设备(左键,右键,滚轮……),则触发mousedown
当设备弹起的时候触发mouseup
目标元素的滚动条发生移动时(滚动滚轮/拖动滚动条。。)触发scroll
滚动滚轮触发mousewheel,这个要区别于scroll
鼠标移出元素的那一刻,触发mouseout
##**获取事件对象和事件源(触发事件的元素)
function eventHandler(e){
//获取事件对象
e = e || window.event;//IE和Chrome下是window.event FF下是e
//获取事件源
var target = e.target || e.srcElement;//IE和Chrome下是srcElement FF下是target }
**取消事件默认行为(例如点击一个后不跳转页面而是执行一个函数) **
function eventHandler(e) {
e = e || window.event; // 防止默认行为
if (e.preventDefault) {
e.preventDefault();//IE以外
} else {
e.returnValue = false;
//IE //注意:这个地方是无法用return false代替的
//return false只能取消元素
}
窗口事件 (Window Events)
仅在 body 和 frameset 元素中有效。事件说明
onload 当网页被载入时执行脚本。
onunload 当网页被关闭时执行脚本。
表单元素事件(Form Element Events)
仅在表单元素中有效。
onchange 当元素(select 、复选框 等)改变时执行脚本
onsubmit 当表单(form)被提交时执行脚本
onreset 当表单被重置时执行脚本
onselect 当元素被选取时执行脚本
onblur 当元素失去焦点时执行脚本
onfocus 当元素获得焦点时执行脚本
键盘事件Keyboard Events)/鼠标事件 (Mouse Events)
在下列元素中无效:base、bdo、br、frame、frameset、head、html、iframe、meta、param、script、style 以及 title 元素。
事件源
事件源是指发生事件的DOM节点。事件源是作为event对象的属性存在的。在W3C规范中,这个属性是 target ;但是 IE8.0 及其以下版本不支持该属性,它使用 srcElement 属性来获取事件源。