`
karlmax
  • 浏览: 42442 次
  • 来自: ...
社区版块
存档分类
最新评论

ff事件处理(转载)

阅读更多
 Event对象,只能通过window.event
Event属性
作用

type

DOMEventtype相同

srcElement

发生事件的文档元素。与DOM Event对象的target属性兼容

button

1表示左键,2表示右键,4表示中间键

clientX,clientY

DOMMouseEvent对象的同名属性兼容

offsetX,offsetY

相对于源元素的位置。

altKey,ctrlKey,

fKey

DOM

keyCode

得到Keydownkeyup事件的键代码的Unicode

fromElement,

toElement

fromElement声明mouseover事件中鼠标移动过的文档元素。

toElement声明mouseout事件中鼠标移到文档元素。它们等价于2DOM中的MouseEvent对象的relatedTarget属性。

cancelBubble

把它设为true,可以组织当前事件进一步气泡到包容层次的元素。

returnValue

可以组织浏览器执行与事件相关的默认动作。

 
 
firefox 支持Dom2事件
 
DOM2的事件模型函数
作用

addEventListener

添加事件监听函数。

removeEventListener

删除事件监听函数。

preventDefault

组织默认事件的发生

stopPropagation

可以组织事件从当前正在处理它的节点传播

createEvent

创建事件

Event属性
作用

type

发生的事件的类型

target

发生事件的节点

currentTarget

发生当前在处理的事件的节点

eventPhase

指明了当前事件传播过程。

Event.CAPTURING_PHASE,Event.AT_TARGET,Event.BUBBLING_PHASE

timestamp

一个Date对象,声明了事件何时发生

bubbles

一个布尔值,是否在文档树中气泡

cancelable

一个布尔值,是否能用preventDefault


作用的对象类型
DOMFocusIn,DOMFocusOutDOMActivate

UIEvent属性
作用

view

发生事件的Window对象

detail

一个数字,对于click事件,mousedownmouseup的事件。1代表点击一次,2代表双击,3代表点击三次。

对于DOMActivate事件,这个字段的值为1,表示正常激活,2表示超级激活,例如双击鼠标或同时按下ShiftEnter键。

MouseEvent属性
作用

button

0表示左键,1表示中间键,2表示右键。

altKey,ctrlKey,metaKey

,Key

是否Alt键,Ctrl键,Meta键,Shift键。

clientX,clientY

声明鼠标指针相对客户区或浏览器窗口的X坐标和Y坐标。

screenX,screenY

声明鼠标指针相对于用户显示器的左上角X坐标和Y坐标。

relateTarget

对于mouseover事件,它是鼠标移动到目标上时所离开的那个节点。对于mouseout事件,他是离开目标时,鼠标进入节点。

事件传播三个阶段:

1,捕捉阶段,事件从Document对象沿着文档树向下传播给目标节点。

2,目标节点触发阶段:在目标上的适合的事件处理程序将运行。

3,气泡阶段,在这个阶段,事件将从目标元素向上传播或者气泡回Document对象的文档层次

分享到:
评论

相关推荐

    JavaScript一些技巧(转载)

    在网页开发中,事件处理是与用户交互的核心部分。`onBlur`事件触发于元素失去焦点时;`onFocus`则在元素获得焦点时触发;`onChange`在表单元素的值发生变化时触发;`onSelect`在文本被选中时触发。例如,下面的代码...

    转载 纯nasm实现中文操作系统.txt

    - **16位模式下的内存分配**:指定了不同区域的用途,如0x0-0x3FFF作为栈空间,0x4000-0x40ff作为寄存器映射等。 - **32位模式下的内存管理**:提到了使用全局描述符表(GDT)来实现保护模式下的内存管理。GDT用于...

    utf8的编码算法 转载

    2. 对于码点在U+0080至U+07FF之间的字符,它们在UTF-8中用两个字节表示。第一个字节的前5位为110,接下来的5位是码点的高5位;第二个字节的前6位为10,接下来的6位是码点的低6位。 3. 对于码点在U+0800至U+FFFF之间...

    border 边框属性在浏览器中的渲染方式

    的方式处理。其中当然也是有我自己为什么要做的原因,对于这个原因在下面的分析中将会提到。在对border边框属性进行分析之前,需要说明的几点内容是: 小志我并不是一个分析专家,只是借助Firebug和IE developer这...

    滚动字代码

    5. `onmouseover` 和 `onmouseout`: 这两个事件处理程序可用于控制鼠标悬停时暂停滚动,鼠标离开时恢复滚动。例如,`onmouseover="this.stop()" onmouseout="this.start()"`。 除了基础的`<marquee>`标签,我们还...

    ASP使用Jmail发送邮件的函数及使用方法

    ### ASP使用Jmail发送邮件的函数及使用方法 ...本文将详细介绍如何利用ASP(Active Server Pages)结合Jmail组件来实现邮件发送功能。...本文来源于[qkweb.net](http://www.qkweb.net/showa/659.html),转载请标明出处。

    仿windows关机功能界面

    转载同事的测试例子,也许大家可以看看 // MyFade.cpp : implementation file // #include "stdafx.h" #include "MyFade.h" #pragma warning(disable: 4201) #include #pragma comment(lib,"winmm.lib") #...

    Qt Creator 的安装和hello world 程序+其他程序的编写--不是一般的好

    5.右击登录按钮选择go to slot,再选择clicked(),然后进入其单击事件的槽 函数,写入一句 void loginDlg::on_loginBtn_clicked() { accept(); } 6.改写main.cpp: #include #include "widget.h" #include "logindlg...

    APKTool批处理版l

    (转载请注明来自藕粉网www.Allphone.com.cn的Smwenzi,谢谢) 随着Android手机种类的不断丰富,各种应用软件也开始遍地开花,Android用起来也越来越爽了……不过有很多软件都是老外编的,虽然英文界面也能用,但是...

    windows用户称拦截api

    Windows用户层下拦截api的原理与实现(附源码) (2008-03-29 16:15:07)转载▼ 标签: computer 杂谈 声明:本页所发布的技术文章及其附件,供自由技术传播,拒绝商业使用。本页文章及其附件的所有权归属本文作者...

Global site tag (gtag.js) - Google Analytics