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

JavaScript中的Event对象使用说明

阅读更多
Javascript的Event对象用来描述Javascript的事件,它主要作用于IE4和NN4以后的各个浏览器版本中。Event代表事件状态,如事件发生的元素,键盘状态,鼠标位置和鼠标按钮状态。一旦事件发生,便会生成Event对象,如单击一个按钮,浏览器的内存中就产生相应的 event对象。

IE对事件的引用

在IE4以上版本中,event对象作为window属性访问:window.event。其中引用的window部分是可选的.因此脚本就像全局引用一样来对待event对象:

event.propertyName

event对象成员表:

下面的表格列出了 event 对象引出的成员。

对象
dataTransfer 提供了对于预定义的剪贴板格式的访问,以便在拖曳操作中使用。

集合
bookmarks 返回捆绑到当前事件所影响的行上的 ActiveX® 数据对象(ADO)书签的集合。
boundElements 返回页面上所有绑定到给定数据集的所有元素的集合。

属性
Abstract 使用 event 对象获取高级流重定向器(ASX)文件中项目横幅的 Abstract 内容。
altKey 设置或获取 Alt 键的状态。 检索ALT键的当前状态可能的值 true为关闭,false为不关闭
altLeft 设置或获取左 Alt 键的状态。
Banner 使用 event 对象获取高级流重定向器(ASX)文件中项目的 Banner 内容。
button 设置或获取用户所按的鼠标按钮。
可能的值:
0 没按键
1 按左键
2 按右键
3 按左右键
4 按中间键
5 按左键和中间键
6 按右键和中间键
7 按所有的键

cancelBubble 设置或获取当前事件是否要在事件句柄中向上冒泡。
设置或检索当前事件是否将事件句柄起泡可能的值: false 启用起泡true 取消该事件起泡

clientX 设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标,
其中客户区域不包括窗口自身的控件和滚动条。
属性为只读,没有默认值。
clientY 设置或获取鼠标指针位置相对于窗口客户区域的 y 坐标,
其中客户区域不包括窗口自身的控件和滚动条。
属性为只读,没有默认值。
clientX,clientY不考虑文档滚动,如果要把窗体滚动计在内,加上document.body.scrollLeft,document.body.scrollTop即可

contentOverflow 获取表明文档处理当前 LayoutRect 对象后是否包含附加的内容。
ctrlKey 设置或获取 Ctrl 键的状态。 ctrlKey 检索CTRL键的当前状态可能的值 true为关闭false为不关闭
ctrlLeft 设置或获取左 Ctrl 键的状态。
dataFld 设置或获取 oncellchange 事件影响的数据列。
fromElement 设置或获取事件发生时激活或鼠标将要离开的对象。

keyCode 设置或获取与导致事件的按键关联的 Unicode 按键代码。
该属性与onkeydown onkeyup onkeypress一起使用如果没有引发事件的关键字,则该值为0,
用String.fromCharCode()可将字符代码转换成字符串.

MoreInfo 通过 event 对象获取高级流重定向器(ASX)文件中项目横幅的 MoreInfo 内容。
nextPage 获取打印模板中下页的位置。
offsetX 设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。
offsetY 设置或获取鼠标指针位置相对于触发事件的对象的 y 坐标。
propertyName 设置或获取对象上发生更改的属性名称。
qualifier 设置或获取由数据源对象提供的数据成员的名称。
reason 设置或获取数据源对象的数据传输结果。
可能的值:
0 数据传输成功
1 数据传输失败
2 数据传输错误

recordset 从数据源对象设置或获取对默认数据集的引用。 该特性为只读
repeat 获取 onkeydown 事件是否正在重复。 该属性只有在onkeydown事件重复时才返回true
returnValue 设置或获取事件的返回值。
可能的值:
true 事件中的值被返回
false 源对象上事件的默认操作被取消

saveType 当 oncontentsave 触发时获取剪贴板类型。

screenX 设置或获取获取鼠标指针位置相对于用户屏幕的 x 坐标。
screenY 设置或获取鼠标指针位置相对于用户屏幕的 y 坐标。
(即鼠标指针相对于用户显示器的左上角的XY坐标的值)

shiftKey 设置或获取 Shift 键的状态。 可能的值 true为关闭,false为不关闭

shiftLeft 设置或获取左 Shift 键的状态。
srcElement 设置或获取触发事件的对象。 (发生事件的文档元素)
srcFilter 设置或获取触发 onfilterchange 事件的滤镜对象。
srcUrn 获取触发事件的行为的统一资源名称(URN)。
除非下面两个条件都为真,否则该特性被设置为null
1.行为被附加到触发事件的要素上
2.在前面的项目符号中定义的行为己指定了一个URN标识符和己触发的事件

toElement 设置或获取用户要将鼠标指针移动指向的对象的引用。
type 从 event 对象中获取事件名称。 如click,mouseover
wheelDelta 设置或获取滚轮按钮滚动的距离和方向。
x 设置或获取鼠标指针位置相对于父文档的 x 像素坐标。
y 设置或获取鼠标指针位置相对于父文档的 y 像素坐标。

分享到:
评论

相关推荐

    event和srcElement说明,方法,技巧

    同时,我们还将探讨如何在不同的环境中正确地使用`event`对象。 #### 二、event.srcElement `event.srcElement`是`event`对象的一个属性,用于获取触发事件的DOM元素。这个属性在Internet Explorer(IE)浏览器中...

    JavaScript事件对象event用法分析

    本文实例讲述了JavaScript事件对象event用法。分享给大家供大家参考,具体如下: 前面的文章已经介绍了JavaScript为事件指定处理程序的五种方式。 下面继续介绍JavaScript的事件对象event。 事件对象event包含导致...

    javascript完全学习手册1 源码

    1.3 在Web页面中使用JavaScript 5 1.3.1 HTML的基本结构 5 1.3.2 在HTML中嵌入JavaScript 7 1.3.3 链接JavaScript文件 9 1.4 编写JavaScript的工具 11 1.4.1 使用纯文本编辑器 11 1.4.2 使用专业化脚本编辑工具 13 ...

    javascript常见命令说明

    在JavaScript中,可以通过`addEventListener`来绑定事件处理函数,`removeEventListener`来移除事件处理,`event`对象则用于传递事件相关的数据。 9. DOM操作: Document Object Model (DOM)是HTML和XML文档的...

    javascript完全学习手册2 源码

    1.3 在web页面中使用JavaScript 1.3.1 HTML的基本结构 1.3.2 在HTML中嵌入JavaScript 1.3.3 链接JavaScript文件 1.4 编写JavaScript的工具 1.4.1 使用纯文本编辑器 1.4.2 使用专业化脚本编辑工具 ...

    JavaScript简介及基础语法介绍

    在JavaScript中,我们还可以使用注释来添加说明信息,注释可以是单行注释也可以是多行注释。 单行注释: // 这是一个单行注释 多行注释: /* 这是一个多行注释 可以写多行文字 */ JavaScript中还可以使用内置...

    event事件的使用及说明

    HTML DOM Event对象是JavaScript处理事件的核心,它代表了事件的状态,包括事件发生的元素、键盘和鼠标的状态等。 ### 1. **Event对象** Event对象包含了关于事件的所有信息,例如: - **target**:表示事件发生的...

    javascript常用对象梳理

    ### JavaScript中的Window对象详解 #### 一、概述 在JavaScript编程中,`Window`对象是极为重要的基础概念之一。作为客户端JavaScript的最高层对象之一,`Window`对象几乎贯穿于所有的浏览器交互过程中。无论是...

    JavaScript 事件的一些重要说明

    在不同浏览器中,事件对象的获取方式有所不同:IE使用全局的`window.event`,而其他浏览器则通过事件处理函数的参数传递。这段代码演示了如何禁用textarea中的回车键,使其不会导致换行。 3. **`this`关键字**: `...

    iPanel浏览器EVENT处理说明

    根据文档中的说明,iPanel浏览器处理EVENT遵循以下两个基本原则: 1. **灵活性原则**:iPanel尽可能多地将EVENT交给HTML页面、JavaScript以及Java虚拟机(JVM)进行处理。这样做的目的是为了增加对EVENT控制的灵活性...

    javascript大事处理模型实例说明_.docx

    事件(Event)是 JavaScript 应用中的一种关键机制,当用户与网页进行交互或者浏览器本身发生变化时触发。例如: - 用户点击按钮或链接。 - 用户在文本框中输入文本。 - 用户滚动页面。 - 页面加载完毕。 通过 ...

    js鼠标点击事件在各个浏览器中的写法及Event对象属性介绍

    接着,文章会介绍Event对象,这是JavaScript事件编程中的核心对象,包含了关于事件的各种信息,比如事件的类型、触发事件的元素以及事件发生时鼠标的具体位置等。现在让我们深入学习这些知识点。 首先,对于IE浏览...

    js大全,javascript说明

    本文将深入探讨“事件源对象”、“捕获释放”、“事件按键”、“事件返回值”以及“窗体活动元素”这些JavaScript中的重要概念。 一、事件源对象(Event Source Object) 在JavaScript中,当一个事件发生时,我们会...

    一个JavaScript多线程函数库 使用说明

    本文将深入探讨一个JavaScript多线程函数库的使用方法,帮助开发者更好地理解和利用这一特性。 ### 一、Web Workers:JavaScript的多线程基础 Web Workers是JavaScript实现多线程的核心技术,它允许在后台线程中...

    event对象获取方法总结在google浏览器下测试

    以下是对标题和描述中提及的Event对象获取方法的详细说明: 1. **方法一:通过事件处理函数参数获取** 这是最常见的方式,通常在事件处理函数中,Event对象会作为参数自动传递进来。例如: ```javascript ...

    javascript事件处理模型实例说明

    这样可以在不同浏览器中使用相同的代码来添加和删除事件监听器。 ```javascript var EventUtil = new Object; EventUtil.addEventHandler = function(oTarget, sEventType, fnHandler){ // 火狐的处理 if(oTarget...

    javascript经典例子.txt

    - 实现方法:使用JavaScript监听用户的输入事件,根据输入内容过滤下拉列表中的选项。 - **2.4 多行文本框中只能输入iMax文字。如果多输入了,自动减少到iMax个文字(多用于短信发送)** - 描述:限制多行文本框中...

    JavaScript中文手册

    5. **模块化**:ES6引入的模块系统(import和export),CommonJS(Node.js中使用)和AMD(RequireJS)模块化规范。 6. **异步编程**:回调函数、Promise对象(then、catch、finally、all、race)、async/await语法...

    JavaScript程序设计——事件处理实验报告.docx

    - **Event对象**:事件处理函数中通常会传递一个Event对象,包含了关于事件的信息,如事件类型、位置等。 - **键盘事件**:如`onkeydown`(键按下)、`onkeyup`(键释放)和`onkeypress`(字符键按下)。 - **...

    prototype-1.6.0.2Javascript以及英文说明文档

    Prototype JavaScript 框架是早期Web开发中广泛使用的库,它极大地扩展了JavaScript的基本功能,为开发者提供了更高效、更简洁的代码编写方式。在"prototype-1.6.0.2"版本中,我们看到的是这个框架的一个稳定版本,...

Global site tag (gtag.js) - Google Analytics