Javascript的Event对象

最新推荐文章于 2023-06-10 17:28:29 发布
最新推荐文章于 2023-06-10 17:28:29 发布
阅读量763 收藏
点赞数
分类专栏： js 文章标签： js javascript

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()可将字符代码转换成字符串.比如event.keyCode=13代表按下了回车键；

 

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 设置或获取触发事件的对象。 （发生事件的文档元素）

事件源，就是发生事件的元素。比如<a ></a> a这个链接是事件发生的源头，也就是该事件的srcElement。(非IE中用target)


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

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


注释

event 对象仅在事件中可用──这意味着，你可以在事件句柄中使用该对象，但不能在其它代码中使用。

尽管所有事件属性都可通过所有的 event 对象访问，但是在某些事件中某些属性可能无意义。例如，fromElement 和 toElement 属性仅当处理 onmouseover 和 onmouseout 事件时有意义。

在 Microsoft Visual Basic&reg; 脚本版本(VBScript)中，你必须通过 window 对象访问 event 对象。

此对象在 Microsoft&reg; Internet Explorer 4.0 的脚本中可用。

示例

下面的例子使用了 event 对象来决定用户单击的位置是否在链接上，并且避免在 SHIFT 键按下时导航到链接。

<HTML>
<HEAD><TITLE>取消链接</TITLE>
<SCRIPT LANGUAGE="JScript">
function cancelLink() {
if (window.event.srcElement.tagName == "A" && window.event.shiftKey) 
window.event.returnValue = false;
}
</SCRIPT>
<BODY οnclick="cancelLink()">

浪_淘_沙
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript Event对象详解及使用示例
10-26
Event代表事件状态，如事件发生的元素，键盘状态，鼠标位置和鼠标按钮状态，event对象只在事件发生的过程中才有效，本文整理了一些，喜欢的朋友可以学习下
js-event(事件对象)详解
热门推荐
顺其自然~专栏
04-25 1万+
1、事件对象 Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 什么时候会产生Event 对象呢? 例如：当用户单击某个元素的时候，我们给这个元素注册的事件就会触发，该事件的本质就是一个函数，而该函数的形参接收一个event对象。 事件通常与函数结合使用，函数不会在事件发生前被执行！ 使用场景即： var oDIv = document.getElementById('box'); oDiv.onclick = function(...
JavaScript Event对象
qq_36194388的博客
07-28 142
event对象：也就是“事件对象”: 代表一个网页上的事件发生时的相关信息。具体比如：鼠标的位置，按键的键值/键名，事件发生在谁身上（就是所谓的事件源）。 事件对象的组成 注意：event对象在FF浏览器中，必须在事件调用函数的位置传如函数中 事件的实例 按钮改变点击数----练习事件源 瞄准---鼠标坐标(鼠标事件) 事件注册与捕获 往元素上添加事件的三种方式 直接在元素标签上添加事件句柄 在元素标签的DOM对象上添加事件句柄属性 事件注...
JS 之 事件Event对象详解（属性、方法、自定义事件）
weixin_45092437的博客
06-10 7725
​ 事件event对象是指在浏览器中触发事件时，浏览器会自动创建一个event对象，其中存储了本次事件相关的信息，包括事件类型、事件目标、触发元素等等。浏览器创建完event对象之后，会自动将该对象作为参数传递给绑定的事件处理函数，我们可以在事件处理函数中通过访问event对象的属性和方法，来获取事件的相关信息，并做出后续的逻辑处理。
jsevent(js event对象)
计算机毕业论文源码，学生个人网页制作html源码。贴近用户做网络推广和互联网优化。
12-10 415
javascript event对象的具体功能是什么 event对象只在事件发生的过程中才有效(比如鼠标点击，键盘按下等)。 event对象用以表示事件的状态， 触发event对象的元素(event.srcElement)、 鼠标的位置(event.clientX、event.clientY)、 按下的键(eve...
JavaScript event对象整理及详细介绍
10-21
主要介绍了JavaScript event对象整理及详细介绍的相关资料,需要的朋友可以参考下
javascript Event对象详解
11-23
javascript Event对象详解..........................
js中event事件对象
Y_I_M_I_l_u_c_k的博客
03-15 2918
event事件/clienX/clienY/offsetX/offsetY/pageX/pageY/screenX/screenY/stopPropgation()/preventDefault()
javascript内置对象------event对象
NotBad_的博客
09-08 1820
JavaScript的event对象用来描述JavaScript的事件，它主要作用于IE和NN4以后的各个浏览器版本中。event对象代表事件状态，如事件发生的元素，键盘状态，鼠标位置和鼠标按钮状态。一旦事件发生，便会生成event对象，如单击一个按钮，浏览器的内存中就产生相应的event对象。  1．在IE中引用event对象   在IE中，event对象被作为window对象属性访问：
JavaScript常用的Math方法、event对象、window对象总结及获取时间
halations的博客
12-18 327
min()和max()方法 console.log(Math.min(2,4,3,6,3,8,0,1,3)); //最小值 console.log(Math.max(4,7,8,3,1,9,6,0,3,2)); //最大值 四舍五入 // Math.ceil()执行向上舍入，即它总是将数值向上舍入为最接近的整数； // Math.floor()执行向下舍入，即它总是将数值向下舍入为最接近...
JavaScript中的Event事件对象详解
沐枫
10-07 1万+
JavaScript事件【event】 在JavaScript中对于事件来讲，首先，我们需要了解这样几个概念：事件、事件类型、事件绑定、事件监听、事件处理程序(事件侦听器)、事件对象(事件源)、事件流、事件冒泡、事件捕获、事件性能优化（事件委托[事件代理]、移除事件处理程序）、浏览器内核（常见的浏览器兼容问题）等。 什么是事件(event)： 注：其实事件一直都是存在的（不管有没有绑定...
Javascript的Event对象详解[收集整理]
04-23 366
Javascript的Event对象用来描述Javascript的事件，它主要作用于IE4和NN4以后的各个浏览器版本中。Event代表事件状态，如事件发生的元素，键盘状态，鼠标位置和鼠标按钮状态。一旦事件发生,便会生成Event对象，如单击一个按钮，浏览器的内存中就产生相应的 event对象。IE对事件的引用在IE4以上版本中，event对象作为window属性访问：window
javascript之event对象
weixin_30292843的博客
12-12 80
注意：以下给出的是在IE下的event事件说明，如果应用在非IE下可能会出现兼容性问题，需要结合具体的应用环境，使用兼容性的函数来处理 1.altKey 描述： 检查alt键的状态。 语法： event.altKey 可能的值： 当alt键按下时，值为 TRUE ，否则为 FALSE 。只读。 2.button 描述： 检查按下的鼠标键。 语法： eve...
javascript event对象详解
IT部落阁
05-27 246
event代表事件的状态，例如触发event对象的元素、鼠标的位置及状态、按下的键等。 event对象只在事件发生的过程中才有效。 event的某些属性只对特定的事件有意义。比如，fromElement 和 toElement 属性 只对 onmouseover 和 onmouseout 事件有意义。    event对象属性： altKey, button, clientX, clie
javascript Event对象
Claroja
01-18 120
参考:https://developer.mozilla.org/zh-CN/docs/Web/API/Event Event接口表示在DOM中发生的事件(鼠标,键盘,动画,图片加载,视频暂停等等) HTML中调用:<button onclick="alert('Hello world!')">,尽量避免这种调用 DOM中调用:myButton.onclick = function(e...
常用的javascript的event对象
为天加朵云...
08-13 749
常用的javascript的event对象Javascript的Event对象用来描述Javascript的事件，它主要作用于IE4和NN4以后的各个浏览器版本中。Event代表事件状态，如事件发生的元素，键盘状态，鼠标位置和鼠标按钮状态。一旦事件发生,便会生成Event对象，如单击一个按钮，浏览器的内存中就产生相应的 event对象。　　IE对事件的引用　　在IE4以上版本中，event
js之event事件对象
我心坚持
01-10 2479
、、、、、、、、、、、仅对以前所学做复习记录使用、、、、、、、、、 当一个事件发生的时候，这个事件的有关详细信息会临时保存到一个指定的地方，这个地方就是event事件对象。 每一个事件都有一个event对象。 例如：你开车这个事件，你的速度、油耗、公里数都会显示（保存）到屏幕上，这个屏幕就是event对象，保存着你的信息。 每个事件都有一个event对象，在事件函数中参数是隐藏的，例如我们平时常写的e，里面保存了事件名称、大小、坐标、事件目标等信息。 <!DOCTYPE html> <ht
cesium event对象源码
最新发布
08-07
Cesium中的Event对象源码可以在以下路径中找到： ``` Cesium/Source/Core/Event.js ``` 以下是Event对象的基本结构和实现： ```javascript function Event() { this._listeners = []; this._scopes = []; } ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值