动态HTML教程--关于Event对象(转载)
来源:互联网 发布:淘宝联盟上个月钱不见 编辑:程序博客网 时间:2024/04/27 20:11
在你完全掌握dHTML前,你需要了解event对象。两种4.0浏览器都包含event对象。它在事件创立时产生,如点击一个可点击的对象,移动鼠标,或聚焦到一个窗体元素上。Event对象被创建然后传递给处理事件的函数。
下面是event对象属性的描述,以及Netscape和IE处理它们的方式:
描述 Microsoft 属性 Netscape 属性
代表事件类型的字符串 type type
代表最初发送给对象事件的字符串 srcElement target
光标横坐标 x x
光标纵坐标 y y
相对于页面的横坐标 clientX pageX
相对于页面的纵坐标 clientY pageY
相对于屏幕的横坐标 screenX screenX
相对于屏幕的纵坐标 screenY screenY
键代码 keyCode which
Netscape返回键的代码,IE 返回true或false altKey
ctrlKey
shiftKey modifiers
4.0浏览器增加了一些新事件:
onDblClick 鼠标双击
onKeyDown 键被按下
onKeyPress 键被按下然后被释放
onKeyUp 键被释放
onMouseDown 鼠标被按下
onMouseMove 鼠标移动
onMouseUp 鼠标被释放
onResize 窗口被调整大小
4.0浏览器也增加了处理事件的新方法,虽然它们(Netscape和IE)的方式不同。Netscape用的是“时间捕捉”,IE用的是“事件气泡”。
事件处理对Netscape处理如mouseMove或keyPress等事件是必须的,它并不隐含指向一个标记或元素。你应该告诉客户注意这些事件,并告诉它用什么函数来处理它们。下面例子用window对象的captureEvents方法来描述正在捕捉的事件:window.captureEvents(Event.MOUSEMOVE);
注意到在不用on作为名称一部分的情况下特定事件是如何被指向的。你只是告诉Netscape注意所有发生在窗口中的事件并捕捉它们。然后你需要告诉Netscape用这些被捕捉的时间做些什么。注意on又出现了。
window.onMouseMove = handlerFunction;
function handerFunction(yourEvent) {
alert(yourEvent.screenX);
}
这段代码是一个演示事件过程的烦人的例子。每次你移动鼠标,一个对话框会跳出来告诉你它的横坐标位置。以这种方式处理的事件传递一个指针到event对象。从这儿你可以获取必要的信息。一旦你厌倦了捕捉事件,你可以象这样释放它们:window.releaseEvents(Event.MOUSEMOVE);于是这种类型的事件不再被捕捉。
IE用不同的方法处理事件,叫做“事件气泡”。在这种方法中,如果你有这样一个结构:
<body onclick="bloorf()">
<p onclick="baz()">
<em onclick="bar()">
<strong onclick="foo()">Click on me</strong>
</em>
</p>
</body>
如果你点击strong标记内的文本,它接收到一个onClick事件,然后发送onclick事件给<em>标记,处理它然后发送到<p>标记,等等,然后直到窗口。这样每个元素以自己的方式处理点击。但是如果你想停止气泡上传,可以取消气泡。
<script>
function foo() {
doSomeThing();
this.event.cancelBubble = true;
}
</script>
所以如果你不想让某个事件传递到所有它包含的标记,可以象上面那样阻止它。
你可以看到,因为两种浏览器存在相似的事件,每一步都需要大量的条件化工作,而且没有简单的方式把它们映射到一个句法中。
- 动态HTML教程--关于Event对象(转载)
- HTML DOM Event 对象
- HTML DOM Event 对象
- HTML DOM Event 对象
- HTML DOM Event 对象
- HTML DOM Event 对象
- HTML DOM Event 对象
- HTML DOM Event 对象
- HTML DOM Event 对象
- HTML DOM Event 对象
- HTML DOM Event 对象
- HTML DOM Event 对象(Event 对象)
- 4. HTML DOM Event 对象
- HTML DOM Event 对象(Document 对象)
- HTML DOM Event 对象(Element对象)
- HTML DOM Event 对象(Attribute对象)
- 【HTML】HTML 教程---(系列教程转载)
- [JS]详尽解析window.event对象【转载】
- 层的精确定位和飘动.
- red hat 中ES、AS的区别
- commons-fileupload用户指南(文档翻译)
- Little Passages
- X11 、XFree86 、KDE、GNOME、窗口管理器等相关概念
- 动态HTML教程--关于Event对象(转载)
- 用蓝牙PC共享体验N-gage Arena带来的无穷乐趣
- WindowsCE开发过程
- Zi34116上的多组电话会议系统设计
- Plug-In framework using DLLs
- asp中导出到CSV
- 十年MFC经历认识的Microsoft技术(zz)
- MSN协议中文释义(Zz)
- [JS]“正在处理...”和“进度条”