1. window.event属性
altKey:alt是否按下
button:鼠标按下的值
可能的值:
0 没按键
1 按左键
2 按右键
3 按左右键
4 按中间键
5 按左键和中间键
6 按右键和中间键
7 按所有的键
这个属性仅用于onmousedown, onmouseup, 和 onmousemove 事件。对其他事件,不管鼠标状态如何,都返回 0(比如onclick)。
clientX:鼠标点击的X坐标
clientY:鼠标点击的Y坐标
ctrlKey:ctrl是否按下
shiftKey:shift是否按下
fromElement:检测 onmouseover 和 onmouseout 事件发生时,鼠标所离开的元素(从什么地方来。得到的是某个对象,可以在得到他的名字、ID之类)
toElement:检测 onmouseover 和 onmouseout 事件发生时,鼠标所进入的元素(到了什么地方。得到的是某个对象,可以在得到他的名字、ID之类)
keyCode:得到按下键的ASCII码
offsetX:触发一个事情后,得到鼠标当前的X坐标
offsetY:触发一个事情后,得到鼠标当前的Y坐标
screenX:检测鼠标相对于用户屏幕的X(水平)位置(上面两个是相对于窗口,这两个是相对与屏幕)
screenY:检测鼠标相对于用户屏幕的Y(垂直)位置
returnValue:设置或检查从事件中返回的值
可能的值:
true 事件中的值被返回
false 源对象上事件的默认操作被取消
srcElement:返回触发事件的元素
type:返回事件名,返回没有“on”作为前缀的事件名,比如,onclick事件返回的type是click
x:鼠标X坐标
y:鼠标Y坐标
分享到:
相关推荐
在IE浏览器中,我们可以通过window.event.srcElement属性来访问事件源,但在Firefox等其他浏览器中,这一属性是不存在的,因此需要寻找兼容性写法。这篇文档便是对window.event.srcElement属性及其兼容性写法的详细...
不过需要注意的是,`__defineGetter__`在现代浏览器中已经被更先进的`Object.defineProperty`所取代,因此在最新的代码中,应考虑使用后者进行更安全和灵活的属性定义。 总之,处理Firefox中的事件对象,我们需要...
通用做法是使用object.offsetLeft和object.offsetTop。 6. **窗口尺寸**: - IE使用document.body.offsetWidth和document.body.offsetHeight,FF使用window.innerWidth、window.innerHeight以及document....
JavaScript API 的核心是DOM(Document Object Model)和BOM(Browser Object Model)。DOM 是HTML和XML文档的标准模型,它将网页内容结构化为一棵可编程的对象树,允许JavaScript通过节点操作来改变页面内容。BOM则...
解决方法是if(typeof(window.event)=="undefined"){eval("var event = new Object;");} 9. event.x与event.y问题 IE中event对象有x、y属性,但是没有pageX、pageY属性;Firefox中event对象有pageX、pageY属性,...
14. The Window Object . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 341 14.1 Timers 341 14.2 Browser Location and Navigation 343 14.3 Browsing ...
* window.event * window.document * window.history * window.screen * window.navigator * window.external Window 对象的属性包括: * window.self * window.window 这些知识点是 JavaScript 中的基础概念和...
var myAttribute = myObject.className; 【兼容处理】为了在所有浏览器中都能正确地访问和设置 class 属性,可以使用以下方式: ```javascript var myObject = document.getElementById("header"); var ...
窗口对象(Window)是JavaScript中全局的对象,代表浏览器的窗口。它包含了多个属性(如location、document、screen等)和方法(如alert、setTimeout等),并可以响应各种事件。 10. 表单文件 表单在HTML中用于收集...
- **事件**: 包括 EventTarget、Event、各种事件处理接口等,用于处理用户交互。 #### 异步操作 - **定时器**: 如 setTimeout 和 setInterval,用于在指定时间后执行代码。 - **Promise 对象**: 用于处理异步操作,...
### B/S模式项目中常用的JavaScript知识点汇总 #### 一、屏幕右键禁用与自定义功能 在B/S模式项目中,为了保护网站内容不被轻易复制或出于用户体验的考虑,开发者可能会选择禁用浏览器的右键菜单。这可以通过以下...
if (window.event.clientY || window.event.altKey) { // 处理窗口卸载逻辑 } } ``` **知识点解析:** - **`window.onbeforeunload`**:这是一个事件处理器,当用户正试图离开页面时被触发。 - **`window.event....
} else if (window.event.srcElement) { // IE return window.event.srcElement; } } ``` 跨扫描器获取滚动条位置 在 JavaScript 中,获取滚动条位置可以使用 `scrollTop` 属性或 `scrollLeft` 属性。下面是一...
通用的解决方案是使用`object.offsetLeft`和`object.offsetTop`。 对于窗体的高度和宽度,IE使用`document.body.offsetWidth`和`document.body.offsetHeight`,但FF提供了`window.innerWidth`和`window.innerHeight...
- `window.event`是全局事件对象,用于访问当前发生的事件信息。 - `window.document`是整个HTML文档的引用,包含了操作DOM的方法和属性。 - `window.history`管理浏览器的历史记录。 - `window.screen`提供了...
在这里,`event`对象通过`window.event`获取,然后用于识别事件类型。然而,当使用`attachEvent()`方法注册事件处理器时,`event`对象会作为函数的唯一参数传递: ```javascript var btn = document.getElementById...