事件的类型:
鼠标事件:
click,dblclick,mousedown,mouseout,mouseover,mouseup,mousemove;
事件属性:
type:表明是什么事件;
target(DOM)或srcElement(IE):表明触发事件的对象;
shiftKey,ctrlKey,altKey,metaKey(DOM):是否按下了Shift,Ctrl,Alt,Meta键;
button:0-未按下键;1-按左键;2-按右键;3-同时按下左右;4-按下中键;5-按下左和中;6-按下右和中;7-同时按下左中右;
键盘事件:
keydown,keypress,keyup
事件属性:
keyCode:按下的键的代码(等于Unicode值)
charCode(DOM):键对应的代码和字符会有一个分离;
target(DOM)或srcElement(IE):表明触发事件的对象;
shiftKey,ctrlKey,altKey,metaKey(DOM):是否按下了Shift,Ctrl,Alt,Meta键;
HTML事件:
load,upload,abort,error,select,change,submit,reset,resize,scroll,focus,blue
变化事件:
目前还没有主流浏览器支持,不讨论;
DOM和IE的区别:
1)获取目标:
IE: var oTarget = oEvent.srcElement;
DOM: var oTarget = oEvent.target;
2)获取字符代码;(在键盘事件中)
IE: var iCharCode = oEvent.keyCode;
DOM: var iCharCode = oEvent.charCode;
3)阻止默认行为,例如:<a href="xxx" οnclick="" >aa</a>或者鼠标右键行为.
IE: oEvent.returnValue = false;
DOM: oEvent.preventDefault();
例如:阻止右键行为:
document.body.oncontextmenu = function(oEvent){
if(isIE){
oEvent = window.event;
oEvent.returnValue = false;
}else{
oEvent.preventDefault();
}
}
4)停止冒泡事件流(事件复制)
IE: oEvent.cancelBubble = true;
DOM: oEvent.stopPropagation();
为何要停止冒泡?因为如果不停的话,当你按下一个按钮的时候,就相当于你点击了页面,包括按钮的DIV,按钮...等.如果这些元素上面都有事件处理函数的话,就都会被触发.所以要停下来.
鼠标事件:
click,dblclick,mousedown,mouseout,mouseover,mouseup,mousemove;
事件属性:
type:表明是什么事件;
target(DOM)或srcElement(IE):表明触发事件的对象;
shiftKey,ctrlKey,altKey,metaKey(DOM):是否按下了Shift,Ctrl,Alt,Meta键;
button:0-未按下键;1-按左键;2-按右键;3-同时按下左右;4-按下中键;5-按下左和中;6-按下右和中;7-同时按下左中右;
键盘事件:
keydown,keypress,keyup
事件属性:
keyCode:按下的键的代码(等于Unicode值)
charCode(DOM):键对应的代码和字符会有一个分离;
target(DOM)或srcElement(IE):表明触发事件的对象;
shiftKey,ctrlKey,altKey,metaKey(DOM):是否按下了Shift,Ctrl,Alt,Meta键;
HTML事件:
load,upload,abort,error,select,change,submit,reset,resize,scroll,focus,blue
变化事件:
目前还没有主流浏览器支持,不讨论;
DOM和IE的区别:
1)获取目标:
IE: var oTarget = oEvent.srcElement;
DOM: var oTarget = oEvent.target;
2)获取字符代码;(在键盘事件中)
IE: var iCharCode = oEvent.keyCode;
DOM: var iCharCode = oEvent.charCode;
3)阻止默认行为,例如:<a href="xxx" οnclick="" >aa</a>或者鼠标右键行为.
IE: oEvent.returnValue = false;
DOM: oEvent.preventDefault();
例如:阻止右键行为:
document.body.oncontextmenu = function(oEvent){
if(isIE){
oEvent = window.event;
oEvent.returnValue = false;
}else{
oEvent.preventDefault();
}
}
4)停止冒泡事件流(事件复制)
IE: oEvent.cancelBubble = true;
DOM: oEvent.stopPropagation();
为何要停止冒泡?因为如果不停的话,当你按下一个按钮的时候,就相当于你点击了页面,包括按钮的DIV,按钮...等.如果这些元素上面都有事件处理函数的话,就都会被触发.所以要停下来.