Javascript(二十一)IE与DOM事件的相似性
2008-05-17 11:53
435 查看
IE 和 DOM 事件的相似形
1、获取事件类型 可以在任意一种游览器上获取事件的类型 var sType=oEvent.type; 他返回类似"click"或者"mouseover"之类的值,当某个函数同时为两个事件的处理函数时,可以区分 。
function handler(oEvent)
{
if (sType=="click")
{
var iScreenX= oEvent.screenX;
var iScreenY= eEvent.screenY;
IE属性/方法
---------------------------------------------------------------------------------------
特性/方法 类型 可读/可写 描述
---------------------------------------------------------------------------------------
altKey boolean R/W true表示按下alt键,false表示没有
button Integer R/W 对于特定的鼠标事件,表示鼠标按钮
This property is used with the onmousedown, onmouseup, and onmousemove events.
For other events, it defaults to 0 regardless of the state of the mouse buttons.
0:未按键
1:左键
2:右键
3:同时按下左右键
4:按下中键
5:按下左键和中键
6:按下右键和中键
7:同时按下左中右键
cancelBubble boolean R/W 设置为true,将会停止事件向上冒泡
clientX interger R/W 事件发生时,鼠标在客户端区域(不包含工具栏,滚动条等)的x坐标
clientY interger R/W 事件发生时,鼠标在客户端区域(不包含工具栏,滚动条等)的y坐标
ctrlKey boolean R/W true表示按下ctrl键,false表示没有按下
fromElement Element R/W 某些鼠标事件中,鼠标离开的元素
keyCode interger R/W 对于keypress事件,表示按下按钮的unicode字符,对于keyDown/keyUp事件
,表示按下按钮的数字代号
offsetX integer R/W 鼠标相对于引起事件的对象的x坐标,
如在div中单击,offsetX就是鼠标距离div边界的坐标
offsetY integer R/W 鼠标相对于引起事件的对象的y坐标
如在div中单击,offsetX就是鼠标距离div边界的坐标
repeat Boolean R 如果不断触发keyDown事件则为true,否则为false
returnValue Boolean R/W 设置为false可以取消事件的默认动作
screenX integer R/W 相对于整个屏幕的鼠标的x坐标
如在div中单击,就是显示鼠标距离屏幕的边界的坐标
screenY integer R/W 相对于整个屏幕的鼠标的y坐标
如在div中单击,就是显示鼠标距离屏幕的边界的坐标
shiftKey Boolean R/W true表示按下shift键,否则为false
srcElement Element R/W 引起事件的元素
toElement Element R/W 在鼠标事件中,鼠标正在进入的元素
type string R/W 事件的名称
x Interger R/W 鼠标相对于引起事件的元素的父元素的x坐标
鼠标距离页面(去除菜单栏,工具栏,滚动条等)的距离
在div单击,显示的是鼠标距离页面的坐标
貌似与clientX的值相同
y Integer R/W 鼠标相对于引起事件的元素的父元素的y坐标
DOM事件对象包含了相似的核心属性和方法,但也有很大的不同
-----------------------------------------------------------------------------------------
特性/方法 类型 可读/可写 描述
-----------------------------------------------------------------------------------------
altKey Boolean R/W true表示按下alt键盘
bubbles Boolean R 表示事件是否在冒泡阶段
button Integer R/W 对于特定的鼠标事件,表示鼠标按下的按钮
0:未按键
1:左键
2:右键
3:同时按下左右键
4:按下中键
5:按下左键和中键
6:按下右键和中键
7:同时按下左中右键
cancelable Boolean R 表示事件能否能取消
cancelBubble Boolean R 表示事件的冒泡是否已被取消
charCode Integer R 按下按键的Unicode值
clientX Integer R 事件发生时,鼠标在客户端区域(不包含工具栏,滚动条等)
的x坐标
clientY Integer R 事件发生时,鼠标在客户端区域的y坐标
ctrlKey Boolean R true表示ctrl键被按下
currentTarget Element R 事件目前所指向的元素
detail Integer R 鼠标按钮点击的次数
eventPhase Integer R 事件的阶段,可能是以下值中的一个
0:捕获阶段 1
1:在目标上
2:冒泡阶段
isChar Boolean R 表示按下的按键是否与字符相关
keyCode Integer R/W 表示按下按键的数字代号
metaKey Ineger R 表示META键是否被按下
pageX Ineger R 鼠标相对于页面的x坐标
pageY Integer R 鼠标相对于页面的y坐标
preventDefault Function N/A 可以调用这个方法来阻止事件的默认行为
relatedTarget Element R 事件的第二目标,经常用于鼠标事件
screenX Integer R 鼠标相对于整个计算机屏幕的x坐标
screenY Ineger R 鼠标相对于整个计算机屏幕的y坐标
shiftKey Boolean R true表示按下shift键
stopPagation Function N/A 可调用这个方法阻止事件的冒泡
target Element R 引起鼠标的元素/对象
timestamp Long R 事件发生的时间,从1970年1月1日0时起的毫秒数
type String R 时间的名称
1、获取事件类型 可以在任意一种游览器上获取事件的类型 var sType=oEvent.type; 他返回类似"click"或者"mouseover"之类的值,当某个函数同时为两个事件的处理函数时,可以区分 。
function handler(oEvent)
{
if (sType=="click")
{
var iScreenX= oEvent.screenX;
var iScreenY= eEvent.screenY;
IE属性/方法
---------------------------------------------------------------------------------------
特性/方法 类型 可读/可写 描述
---------------------------------------------------------------------------------------
altKey boolean R/W true表示按下alt键,false表示没有
button Integer R/W 对于特定的鼠标事件,表示鼠标按钮
This property is used with the onmousedown, onmouseup, and onmousemove events.
For other events, it defaults to 0 regardless of the state of the mouse buttons.
0:未按键
1:左键
2:右键
3:同时按下左右键
4:按下中键
5:按下左键和中键
6:按下右键和中键
7:同时按下左中右键
cancelBubble boolean R/W 设置为true,将会停止事件向上冒泡
clientX interger R/W 事件发生时,鼠标在客户端区域(不包含工具栏,滚动条等)的x坐标
clientY interger R/W 事件发生时,鼠标在客户端区域(不包含工具栏,滚动条等)的y坐标
ctrlKey boolean R/W true表示按下ctrl键,false表示没有按下
fromElement Element R/W 某些鼠标事件中,鼠标离开的元素
keyCode interger R/W 对于keypress事件,表示按下按钮的unicode字符,对于keyDown/keyUp事件
,表示按下按钮的数字代号
offsetX integer R/W 鼠标相对于引起事件的对象的x坐标,
如在div中单击,offsetX就是鼠标距离div边界的坐标
offsetY integer R/W 鼠标相对于引起事件的对象的y坐标
如在div中单击,offsetX就是鼠标距离div边界的坐标
repeat Boolean R 如果不断触发keyDown事件则为true,否则为false
returnValue Boolean R/W 设置为false可以取消事件的默认动作
screenX integer R/W 相对于整个屏幕的鼠标的x坐标
如在div中单击,就是显示鼠标距离屏幕的边界的坐标
screenY integer R/W 相对于整个屏幕的鼠标的y坐标
如在div中单击,就是显示鼠标距离屏幕的边界的坐标
shiftKey Boolean R/W true表示按下shift键,否则为false
srcElement Element R/W 引起事件的元素
toElement Element R/W 在鼠标事件中,鼠标正在进入的元素
type string R/W 事件的名称
x Interger R/W 鼠标相对于引起事件的元素的父元素的x坐标
鼠标距离页面(去除菜单栏,工具栏,滚动条等)的距离
在div单击,显示的是鼠标距离页面的坐标
貌似与clientX的值相同
y Integer R/W 鼠标相对于引起事件的元素的父元素的y坐标
DOM事件对象包含了相似的核心属性和方法,但也有很大的不同
-----------------------------------------------------------------------------------------
特性/方法 类型 可读/可写 描述
-----------------------------------------------------------------------------------------
altKey Boolean R/W true表示按下alt键盘
bubbles Boolean R 表示事件是否在冒泡阶段
button Integer R/W 对于特定的鼠标事件,表示鼠标按下的按钮
0:未按键
1:左键
2:右键
3:同时按下左右键
4:按下中键
5:按下左键和中键
6:按下右键和中键
7:同时按下左中右键
cancelable Boolean R 表示事件能否能取消
cancelBubble Boolean R 表示事件的冒泡是否已被取消
charCode Integer R 按下按键的Unicode值
clientX Integer R 事件发生时,鼠标在客户端区域(不包含工具栏,滚动条等)
的x坐标
clientY Integer R 事件发生时,鼠标在客户端区域的y坐标
ctrlKey Boolean R true表示ctrl键被按下
currentTarget Element R 事件目前所指向的元素
detail Integer R 鼠标按钮点击的次数
eventPhase Integer R 事件的阶段,可能是以下值中的一个
0:捕获阶段 1
1:在目标上
2:冒泡阶段
isChar Boolean R 表示按下的按键是否与字符相关
keyCode Integer R/W 表示按下按键的数字代号
metaKey Ineger R 表示META键是否被按下
pageX Ineger R 鼠标相对于页面的x坐标
pageY Integer R 鼠标相对于页面的y坐标
preventDefault Function N/A 可以调用这个方法来阻止事件的默认行为
relatedTarget Element R 事件的第二目标,经常用于鼠标事件
screenX Integer R 鼠标相对于整个计算机屏幕的x坐标
screenY Ineger R 鼠标相对于整个计算机屏幕的y坐标
shiftKey Boolean R true表示按下shift键
stopPagation Function N/A 可调用这个方法阻止事件的冒泡
target Element R 引起鼠标的元素/对象
timestamp Long R 事件发生的时间,从1970年1月1日0时起的毫秒数
type String R 时间的名称
相关文章推荐
- Javascript(二十二)IE与DOM事件的区别
- javascript 的onclick和click 在 ie 和mozilla中的使用 ;jquery 的dom事件绑定
- javascript事件概念和事件监听,ie特殊和标准DOM,页面先加载
- JavaScript中IE与DOM事件的区别http://www.cnblogs.com/stpangpang/archive/2008/06/03/1212607.html
- JavaScript事件捕获与事件冒泡原理 IE和DOM之间存在哪些主要差别
- 【javascript总结】javascript的IE事件和DOM事件模型
- JavaScript跨浏览器事件对象EventUtil(IE中event对象和方法DOM中都有,此处提供两者映射方法)
- javascript 的onclick和click 在 ie 和mozilla中的使用 ;jquery 的dom事件绑定
- javascript事件在IE和DOM浏览器的差异总结
- javascript事件捕获机制【深入分析IE和DOM中的事件模型】
- 好好学一遍JavaScript 笔记(十)——IE跟DOM事件函数区别
- javascript事件在IE和DOM浏览器的差异总结
- javascript——事件处理模型(DOM 和 IE)
- Javascript 事件对象 (DOM && IE)
- 好好学一遍JavaScript 笔记(十)——IE跟DOM事件函数区别
- Javascript Event事件中IE与标准DOM的比较
- JavaScript事件绑定、事件解除、DOM加载完成,兼容IE8+
- JavaScript高级程序设计学习笔记--事件(二)(事件对象--DOM中的事件对象/IE中的事件对象/跨浏览器的事件对象)
- Javascript Event事件中IE与标准DOM的比较
- 好好学一遍JavaScript 笔记(十)――IE跟DOM事件函数区别