js event对象(如何在js中获取event对象)

本文目录
- 如何在js中获取event对象
- 为什么js事件函数默认传递的参数是event
- 如何在js代码中,如何获取event
- JavaScript 中的window.event代表的是事件的状态,但是我有一个疑问
- 如何打印出js event的所有对象
如何在js中获取event对象
event是事件对象,比如你按了某个键(或者单击等,反正能触发事件的),那你在处理时候可能会需要一些信息,比如说是哪个元素被触发的,这个元素也就是你所问的event.srcElement(事件的源对象),通过它可以得到事件的对象,如果你是按键事件如keyup,keydown,那么在event.keyCode会得到这个键的ascii码,如果是鼠标事件,可能还会有当前鼠标的坐标等等,总之,这个对象里面包含了事件发生时的各种数据。
为什么js事件函数默认传递的参数是event
如果event没有在其他地方被定义的话。
这样写的目的是为了实现IE和FF中event的传递。
因为IE中的event是全局的,公用的,相当于window.event,所以可以不写,
而FF中的event则是必须存在事件中,必须要写。
为了都能在两个浏览器上正常运行,所以加了event.
这里的event在IE上指window.event简写event,所以一定要写event这个。
在FF中则是事件onchange固有的参数e,所以如果是FF浏览器,则可以随便写。
event代表事件的状态,例如触发event对象的元素、鼠标的位置及状态、按下的键等等。
event对象只在事件发生的过程中才有效。
event的某些属性只对特定的事件有意义。比如,fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。
例子
下面的例子检查鼠标是否在链接上单击,并且,如果shift键被按下,就取消链接的跳转。
code《HTML》
《HEAD》《TITLE》Cancels Links《/TITLE》
《SCRIPT LANGUAGE="JScript"》
function cancelLink() {
if (window.event.srcElement.tagName == "A" && window.event.shiftKey)
window.event.returnValue = false;
}
《/SCRIPT》
《BODY onclick="cancelLink()"》
下面的例子在状态栏上显示鼠标的当前位置。
code《BODY onmousemove="window.status = ’X=’ + window.event.x + ’ Y=’ + window.event.y"》
属性:
altKey, button, cancelBubble, clientX, clientY, ctrlKey, fromElement, keyCode, offsetX, offsetY, propertyName, returnValue, screenX,
screenY, shiftKey, srcElement, srcFilter, toElement, type, x, y
1.altKey
描述:
检查alt键的状态。
语法:
event.altKey
可能的值:
当alt键按下时,值为 TRUE ,否则为 FALSE 。只读。
如何在js代码中,如何获取event
event是事件对象,比如你按了某个键(或者单击等,反正能触发事件的),那你在处理时候可能会需要一些信息,比如说是哪个元素被触发的,这个元素也就是你所问的event.srcElement(事件的源对象),通过它可以得到事件的对象,如果你是按键事件如keyup,keydown,那么在event.keyCode会得到这个键的ascii码,如果是鼠标事件,可能还会有当前鼠标的坐标等等,总之,这个对象里面包含了事件发生时的各种数据。
JavaScript 中的window.event代表的是事件的状态,但是我有一个疑问
一、window.event代表着事件对象的状态。只有在事件发生时生效。如鼠标、键盘等事件被触发时这个对象才存在。window.event这只在IE下是这样的。他并不是标准。。也就是说其他浏览器并不支持。在W3C标准支持的浏览器下事件对向是引发事件涵数的第一个参数,参数名随意。
二、javascript函数(方法)d()
参数为e||window.event 表示e或window.event 这句话是跨浏览器的写法 支持这两种方式的 浏览器才能进入该方法,IE中该对象为window.event(window可省略) 而Firefox中该对象为e ,至于该对象是什么:该对象代表事件的状态,例如触发event对象的元素、鼠标的位置及状态、按下的键等等 例如:获取光标位置 event.clientX event.clientY
拓展资料
JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。
在1995年时,由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。
为了取得技术优势,微软推出了JScript,CEnvi推出ScriptEase,与JavaScript同样可在浏览器上运行。为了统一规格,因为JavaScript兼容于ECMA标准,因此也称为ECMAScript。
(参考资料 百度百科 JavaScript)
如何打印出js event的所有对象
下面给出一份演示
《!DOCTYPE html》
《html》
《head》
《meta charset="utf-8"》
《title》e演示《/title》
《script type="text/javascript"》
function clickShowEvent(){
var e=null;
if(event){
e=event;
}else if(window.event){
e=window.event;
}else{
e=arguments.callee.arguments;
}
console.log(e);//如果这样不能显示对象的属性可以这样
for(var i in e){
console.log("属性名称:"+i+";属性值"+e)
}
}
《/script》
《/head》
《body》
《div onclick="clickShowEvent()"》点我《/div》
《/body》
《/html》
运行上面代码在控制台可以看到属性

更多文章:
display flex 自动换行(overflow-y:hidden;overflow-x:auto;无效解决方法)
2026年9月7日 11:00
timestamp without time zone(Postgresql中to_date()函数使用问题)
2026年9月7日 09:40
下载mysql的步骤(win10安装mysql的步骤和方法)
2026年9月7日 04:10
checked in(check in和check out的区别)
2026年9月7日 01:20






