JavaScript event对象当前事件Word文档格式.docx

上传人:b****1 文档编号:4410406 上传时间:2023-05-03 格式:DOCX 页数:6 大小:15.65KB
下载 相关 举报
JavaScript event对象当前事件Word文档格式.docx_第1页
第1页 / 共6页
JavaScript event对象当前事件Word文档格式.docx_第2页
第2页 / 共6页
JavaScript event对象当前事件Word文档格式.docx_第3页
第3页 / 共6页
JavaScript event对象当前事件Word文档格式.docx_第4页
第4页 / 共6页
JavaScript event对象当前事件Word文档格式.docx_第5页
第5页 / 共6页
JavaScript event对象当前事件Word文档格式.docx_第6页
第6页 / 共6页
亲,该文档总共6页,全部预览完了,如果喜欢就下载吧!
下载资源
资源描述

JavaScript event对象当前事件Word文档格式.docx

《JavaScript event对象当前事件Word文档格式.docx》由会员分享,可在线阅读,更多相关《JavaScript event对象当前事件Word文档格式.docx(6页珍藏版)》请在冰点文库上搜索。

JavaScript event对象当前事件Word文档格式.docx

在遵循W3C规范的浏览器中,event对象通过事件处理函数的参数传入。

语法:

elementObject.OnXXX=function(e){

vareve=e;

//声明一个变量来接收event对象

}上面绑定的事件处理函数中,参数e用来传入event对象,变量eve则表示当前事件。

这个过程是JavaScript自动完成的。

例如,要获取发生事件时鼠标的坐标,可以这样写:

&

lt;

divid="

demo"

gt;

在这里单击&

/div&

scripttype="

text/javascript"

document.getElementById("

).onclick=function(e){vareve=e;

varx=eve.x;

//X坐标vary=eve.y;

//Y坐标alert("

X坐标:

"

+x+"

\nY坐标:

+y);

}&

/script&

请看下面的演示:

在这里单击

(Chrome、FireFox、Opera、Safari、IE9.0及其以上版本)对于IE8.0及其以下版本,event必须作为window对象的一个属性。

elementObject.OnXXX=function(){

vareve=window.event;

//声明一个变量来接收event对象

}例如,要取得发生事件时鼠标的坐标,可以这样写:

).onclick=function(){vareve=window.event;

(IE8.0及其以下)可以看出,要想获取与当前事件有关的状态,比如发生事件的DOM元素、鼠标坐标、键盘按键等,就要处理浏览器的兼容问题。

典型代码:

vareve=e||window.event;

//使用||运算取得event对象

}这里要注意一点,||运算的返回值不一定是Boolean类型,当||运算的两个操作数中有一个为真时,将返回该操作数本身的值。

上面的代码,如果event随函数的参数传入,e为真,eve=e;

如果作为window对象的属性,window.event为真,eve=window.event。

改进上面获取鼠标坐标的代码,使它兼容所有浏览器:

).onclick=function(e){vareve=e||window.event;

vary=eve.y;

alert("

(在所有浏览器下演示)

event对象常用属性和方法

event对象用来表示当前事件,事件有很多状态,例如,鼠标单击时的位置,按下键盘时的按键,发生事件的HTML元素,是否执行默认动作,是否冒泡等,这些都是作为event对象的属性和方法存在的。

要想获得相应的状态,就要访问对应的属性和方法。

event对象常用属性和方法(W3C规范)属性

描述

IE

非IE

W3CaltKey

返回当事件被触发时,"

ALT"

是否被按下。

Yes

Yesbutton

返回当事件被触发时,哪个鼠标按钮被点击。

YesclientX

返回当事件被触发时,鼠标指针的水平坐标。

YesclientY

返回当事件被触发时,鼠标指针的垂直坐标。

YesctrlKey

CTRL"

键是否被按下。

YesmetaKey

meta"

No

YesrelatedTarget

返回与事件的目标节点相关的节点。

YesscreenX

返回当某个事件被触发时,鼠标指针的水平坐标。

YesscreenY

返回当某个事件被触发时,鼠标指针的垂直坐标。

YesshiftKey

SHIFT"

Yesbubbles

返回布尔值,指示事件是否是起泡事件类型。

Yescancelable

返回布尔值,指示事件是否可拥可取消的默认动作。

YescurrentTarget

返回其事件监听器触发该事件的元素。

YeseventPhase

返回事件传播的当前阶段。

Yestarget

返回触发此事件的元素(事件的目标节点)。

YestimeStamp

返回事件生成的日期和时间。

Yestype

返回当前Event对象表示的事件的名称。

Yes方法

W3CinitEvent()

初始化新创建的Event对象的属性。

YespreventDefault()

通知浏览器不要执行与事件关联的默认动作。

YesstopPropagation()

不再派发事件。

展开阅读全文
相关资源
猜你喜欢
相关搜索
资源标签

当前位置:首页 > 工程科技 > 能源化工

copyright@ 2008-2023 冰点文库 网站版权所有

经营许可证编号:鄂ICP备19020893号-2