收藏《JS 事件类型及属性》
来源:互联网 发布:qq农场捕鱼枪升级数据 编辑:程序博客网 时间:2024/05/29 08:06
事件的类型:
鼠标事件:
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" onclick="" >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" onclick="" >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,按钮...等.如果这些元素上面都有事件处理函数的话,就都会被触发.所以要停下来.
- 收藏《JS 事件类型及属性》
- js事件类型及处理
- [JS]: JS 常用事件及属性
- 蓝鸥原生JS:什么是事件对象及事件类型
- js各种鼠标事件收藏
- 使用js获得元素的属性值及事件名
- JS-事件类型(鼠标事件中event对象的独有属性)
- js事件以及属性
- Js事件详解(1)事件类型及几种添加事件处理程序的方法
- 原生js--事件类型
- 原生js--事件类型
- JS事件类型
- js事件类型总结
- js对象属性类型
- js属性类型
- 属性、命令及事件
- lable属性及事件
- 事件及相关属性
- 一天一点python(FAQ-1)
- dynamic_cast用法
- 十步让你成为一名优秀的Web开发人员
- 警戒
- 网站开发十步曲
- 收藏《JS 事件类型及属性》
- PHP 程序员的调试技术
- ms sql server分页sql语句
- C库源代码实现: C/C++中的Split函数strtok
- 自己写的简易多任务系统---基于pic18fxxx
- 异步委托的应用(四)代传参数的异步委托
- 在有着1000万条数据的MS SQL SERVER数据库中实现快速的数据提取和数据分页
- 一些方法的链接地址
- vi/vim鼠标中键粘贴不缩进的方法