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

JS window.event 详解

 
阅读更多
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坐标
 
分享到:
评论

相关推荐

    window.event 对象详解

    在JavaScript编程语言中,`window.event`对象是一个特殊对象,它与浏览器的事件处理机制紧密相关。这个对象在大部分浏览器环境中(尤其是老版本的IE)是全局可用的,提供了当前事件的相关信息。本文将深入探讨`...

    高手window.event对象详解

    ### 高手window.event对象详解 #### 一、概述 `window.event` 是一个非常重要的JavaScript内置对象,它主要用于处理浏览器中的各种事件。这个对象包含了有关事件的各种信息,例如触发事件的对象、事件类型以及与该...

    window.event.keycode值大全

    ### Window.event.keycode值大全详解 #### 概述 在JavaScript中,`window.event.keycode`属性被用于获取用户按下键的键盘码。这在处理键盘事件时非常有用,可以帮助开发者识别并响应特定的按键操作。本文将详细...

    javascript中window.event事件用法详解

    window.event对象是JavaScript中一个特殊的对象,它代表当前发生的事件的状态,包括触发事件的元素、鼠标位置和按键状态等信息。window.event对象仅在事件处理函数运行期间有效,因此它是事件处理函数的局部变量。每...

    js事件源window.event.srcElement兼容性写法(详解)

    在IE浏览器中,我们可以通过window.event.srcElement属性来访问事件源,但在Firefox等其他浏览器中,这一属性是不存在的,因此需要寻找兼容性写法。这篇文档便是对window.event.srcElement属性及其兼容性写法的详细...

    JS中的THIS和WINDOW.EVENT.SRCELEMENT详解

    在JavaScript编程中,`this`关键字和`window.event.srcElement`是两个非常重要的概念,它们在事件处理和函数上下文管理中扮演着重要的角色。对于JavaScript的初学者来说,理解这两个概念是十分必要的,因为这不仅...

    js window.event对象详尽解析

    event代表事件的状态,例如触发event对象的元素、鼠标的位置及状态、按下的键等等。 event对象只在事件发生的过程中才有效。 event的某些属性只对特定的事件有意义。比如,fromElement 和 toElement 属性只对 ...

    window.showModalDialog的基本用法

    #### 特征参数详解 - **dialogHeight**: 对话框的高度,默认单位为像素(px),对于模态对话框也可以使用 em 单位。 - **dialogWidth**: 对话框的宽度,默认单位为像素(px)。 - **dialogLeft**: 对话框在屏幕上的...

    javascript中event详解

    ### JavaScript中的Event详解 #### 一、Event概念与特性 在JavaScript中,`event`对象是浏览器提供的一个标准对象,用于表示用户与网页交互时发生的各种事件的状态。这些事件包括但不限于用户点击、移动鼠标、按下...

    window对象--event对象详解

    Window对象在JavaScript中是浏览器全局对象,它代表了浏览器的一个窗口或者一个框架。在这个窗口中,我们可以执行脚本、操作DOM、以及处理用户与页面的交互。Event对象则是JavaScript事件处理中的核心,它包含了与...

    event兼容调用(IE,Firefox,Chrome)

    ### event兼容调用详解——IE,Firefox,Chrome 在跨浏览器开发中,处理事件(event)的兼容性问题是一项常见的挑战。不同的浏览器对事件模型的支持程度不同,这导致了开发者在编写JavaScript代码时需要考虑多种...

    js兼容问题 详解

    做BS开发就难免会用到javascript,而每个浏览器对javascript的支持有不同。这就需要我们程序员去兼容他们,不然有些浏览器就无法运行我们的代码。就会造来客户的投诉,如果让BoSS知道了,这可不太好哦。下面是兼容IE...

    javascript 验证函数集合

    ### JavaScript 验证函数集合详解 #### 概述 在前端开发中,验证用户输入是十分重要的环节之一。良好的输入验证不仅可以提升用户体验,还可以避免后端处理错误数据带来的额外负担。本文将详细介绍一个名为...

    js禁止小键盘输入数字功能代码.docx

    ### JS禁止小键盘输入数字功能代码详解 #### 一、背景与需求分析 在Web开发过程中,有时我们需要限制用户在特定的输入框中只能输入主键盘的数字,而禁止使用小键盘输入数字。这种需求常见于银行系统或金融类网站中...

    JavaScript+快捷键设置

    ### JavaScript与快捷键设置知识点详解 #### 一、概述 在网页开发中,为了提高用户体验以及增加网页的安全性,开发者常常会使用JavaScript来控制或监听用户的键盘操作,比如禁用某些快捷键的功能或者添加自定义...

Global site tag (gtag.js) - Google Analytics