javascript事件对象
2014-08-15来源:易贤网

基于不同浏览器开发的开发任意都知道,获取事件信息是分厂重要的.常见的信息包括:

1.引起事件的对象

2.事件发生时鼠标的信息

3.事件发生时键盘信息

事件对象只能发生事件时才被创建,只有事件处理函数才能访问,所有处理函数执行完毕后,事件对象被销毁.

在IE中事件对象是window对象的一个属性event.也就是说事件处理函数必须访问事件对象.

比如

foraspcn.onclick = function(){

var obj = window.event;

}

尽管event是window对象的属性,event对象还是只能在事件访问时发生,执行完毕后消失.

在Dom标准中event必须作为唯一参数传给事件处理函数.

foraspcn.onclick = function(){

var obj = argument[0];

}

省略写

foraspcn.onclick = function(obj){}//这里的obj就是event对象

IE中的事件属性和方法.

特性/方法 类型 可读写 描述

altKey Boolean R/W true标识按下了alt键,false标识没有按下

button Integer R/W 对特定的鼠标按键,标识按下了鼠标按键(0没有按,1按左键,2按右键,3同时左右键按下,4按中键,5左中键,6右中键,7左右中键)

cancelBubble Boolean R/W 当开发人员设定为true时,将会停止向上冒泡

clientX Integer R/W 事件发生时鼠标所在客服区域x坐标(不包括工具栏和滚动条)

clientY Integer R/W 事件发生时鼠标所在客服区域y坐标(不包括工具栏和滚动条)

ctrlKey Boolean R/W true表示按下了ctrl键,false否则没有按下

fromElement Element R/W 某些鼠标事件中鼠标离开的元素.比如某个div的onmouseout事件,则返回div这个元素

keyCode Integer R/W 对于keyPress事件,表示按下按钮的unicode字符,对于keydown和keyup表示按下按钮的数字代号.

offseX Integer R/W 鼠标相对应事件对象的x的坐标

offseY Integer R/W 鼠标相对应事件对象的y的坐标

repeat Boolean R 如果一直重复按键则返回true否则false

returnValue Boolean R/W 开发人员设置为false 以取消默认动作

screenX Integer R/W 相对于计算机屏幕的X位置

screenY Integer R/W 相对于计算机屏幕的y位置

shiftKey Integer R/W rue表示按下了shift键,false否则没有按下

scrElement Element R/W 引起事件的元素

toElement Element R/W 在鼠标事件中,鼠标进入的元素.

type String R/W 事件名称

x Integer R/W 鼠标引起事件的元素的父元素的x的坐标

y Integer R/W 鼠标引起事件的元素的父元素的Y的坐标

在DOM中跟IE有很多相似的,下面列出来DOM中特殊的属性和方法.注意:可读写,DOM基本上都是可读的,只有几个可写有altKey,button,keycCode,)

bubbles Boolean R 是否出于冒泡阶段中

cancelable Boolean R 表示事件冒泡是否已经取消

charcode Integer R 返回按键的Unicode值

currentTarget Element R 事件当前所指元素.

detail Integer R 鼠标按钮点击次数

eventPhase Integer R 事件阶段 0捕获,1在目标上,2冒泡阶段

isChar Boolean R 表示按下按键是否有字符与之相关

keyCode Integer R 表示按下按键的数字代号

PageX Integer R 表示鼠标相对于页面的x坐标

PageY Integer R 表示鼠标相对于页面的y坐标

preventDefault() function N/A 调用此方法可以组织默认事件行为

relatedTarget Element R 事件的第二个目标,用于鼠标事件

stopPropagation function N/A 调用此方法用来阻止冒泡

timetamp Long R 事件发生事件.

以上就是IE和Dom的属性和方法.以后再举例应用!

更多信息请查看IT技术专栏

2025公考·省考培训课程试听预约报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
推荐信息