`
lansuiyun
  • 浏览: 28264 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

js event(20111210)

    博客分类:
  • web
 
阅读更多

鼠标 / 键盘属性

属性 描述 IE F O W3C
altKey 返回当事件被触发时,"ALT" 是否被按下。 6 1 9 Yes
button 返回当事件被触发时,哪个鼠标按钮被点击。 6 1 9 Yes
clientX 返回当事件被触发时,鼠标指针的水平坐标。 6 1 9 Yes
clientY 返回当事件被触发时,鼠标指针的垂直坐标。 6 1 9 Yes
ctrlKey 返回当事件被触发时,"CTRL" 键是否被按下。 6 1 9 Yes
metaKey 返回当事件被触发时,"meta" 键是否被按下。 No 1 9 Yes
relatedTarget 返回与事件的目标节点相关的节点。 No 1 9 Yes
screenX 返回当某个事件被触发时,鼠标指针的水平坐标。 6 1 9 Yes
screenY 返回当某个事件被触发时,鼠标指针的垂直坐标。 6 1 9 Yes
shiftKey 返回当事件被触发时,"SHIFT" 键是否被按下。 6 1 9 Yes

 

 

IE 属性

除了上面的鼠标/事件属性,IE 浏览器还支持下面的属性:

属性 描述
cancelBubble 如果事件句柄想阻止事件传播到包容对象,必须把该属性设为 true。
fromElement 对于 mouseover 和 mouseout 事件,fromElement 引用移出鼠标的元素。
keyCode 对于 keypress 事件,该属性声明了被敲击的键生成的 Unicode 字符码。对于 keydown 和 keyup 事件,它指定了被敲击的键的虚拟键盘码。虚拟键盘码可能和使用的键盘的布局相关。
offsetX,offsetY 发生事件的地点在事件源元素的坐标系统中的 x 坐标和 y 坐标。
returnValue 如果设置了该属性,它的值比事件句柄的返回值优先级高。把这个属性设置为 fasle,可以取消发生事件的源元素的默认动作。
srcElement 对于生成事件的 Window 对象、Document 对象或 Element 对象的引用。
toElement 对于 mouseover 和 mouseout 事件,该属性引用移入鼠标的元素。
x,y 事件发生的位置的 x 坐标和 y 坐标,它们相对于用CSS动态定位的最内层包容元素。

 

 

 

标准 Event 属性

下面列出了 2 级 DOM 事件标准定义的属性。

属性 描述 IE F O W3C
bubbles 返回布尔值,指示事件是否是起泡事件类型。 No 1 9 Yes
cancelable 返回布尔值,指示事件是否可拥可取消的默认动作。 No 1 9 Yes
currentTarget 返回其事件监听器触发该事件的元素。 No 1 9 Yes
eventPhase 返回事件传播的当前阶段。 Yes
target 返回触发此事件的元素(事件的目标节点)。 No 1 9 Yes
timeStamp 返回事件生成的日期和时间。 No 1 9 Yes
type 返回当前 Event 对象表示的事件的名称。 6 1 9 Yes

 

 

 

检查触发事件的源对象:

 

        function mouseoutHandler(oEvent,objTagName)  
        {  
        var oEvent = oEvent ? oEvent : window.event   
        var oElem = oEvent.toElement ? oEvent.toElement : oEvent.relatedTarget; // 此做法是为了兼容FF浏览器  
        alert(oElem.id);  // 当鼠标移出Div1时,会弹出提示框提示鼠标移动到的另一个元素的ID  
        }
    function  onClick(ev)
    {
           ev  =  ev  ||  window.event; // 事件     
         var  target    =  ev.target  ||  ev.srcElement; // 获得事件源 
              /* 
             target.getAttribute()是获取该事件源对像里面的一些属性。
             比如对像中有(name,id,type等等);
            */ 
       var  dragObj  =  target.getAttribute('type');
      alert(dragObj);
  } 
分享到:
评论

相关推荐

    javascript event

    关于javascript event的总结

    Javascript之event大全

    JavaScript中的Event是处理用户交互或浏览器事件的核心机制。Event对象包含了与事件相关的所有信息,如触发事件的元素、事件类型、按键状态等。在JavaScript中,事件可以是用户的行为,如点击按钮、滚动页面,或者是...

    eventsource-polyfill.js

    为IE浏览器添加EventSource兼容性支持。为IE浏览器添加EventSource兼容性支持。

    [JS]详尽解析window.event对象

    `window.event`对象是JavaScript中一个非常重要的概念,特别是在处理DOM事件时。它代表了当前事件的状态和相关信息,包括触发事件的元素、鼠标位置、按键状态等。在事件发生时,`event`对象会作为参数传递给事件处理...

    A JavaScript Event Bus

    为了深入理解这个Event Bus,你需要查看源代码,尤其是`AjaxEventBus.js`(如果存在),其中应该定义了事件总线的结构和操作。同时,`AjaxEventBus.aspx.cs`(假设存在)会展示C#后端如何响应前端的Ajax请求。通过...

    javascript中event详解

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

    JavaScript bom操作 window-event 示例代码

    JavaScript bom操作 window_event 示例代码JavaScript bom操作 window_event 示例代码JavaScript bom操作 window_event 示例代码JavaScript bom操作 window_event 示例代码JavaScript bom操作 window_event 示例代码...

    javascript Event(事件模型)

    javascript Event(事件模型),针对于javascript事件的处理,具有一些帮助。

    《javascript》——event对象与事件

    《JavaScript》——Event 对象与事件 Event 对象是 JavaScript 中的一个基本概念,它代表了用户与 Web 页面的交互行为,例如点击、鼠标移动、键盘输入等。Event 对象的属性和方法可以帮助开发者更好地处理用户的...

    JS event使用方法详解

    JavaScript 中的 event 对象是前端开发中处理用户交互的核心机制。它代表了一个事件的状态,事件可以是用户的鼠标动作、键盘输入、文档加载完成等。event 对象在事件触发时创建,并且只在事件处理程序执行期间有效。...

    event.keycode大全(javascript)

    ### JavaScript Event.keyCode 大全解析 #### 一、概述 在JavaScript中,`event.keyCode`是用于捕获键盘事件中的键码的一种方式。虽然在现代Web开发中更推荐使用`event.key`或`event.code`来获取按键信息,但在...

    前端项目-event-source-polyfill.zip

    它是一个JavaScript库,模拟了EventSource接口,使得在不支持原生EventSource的浏览器中也能使用SSE功能。 `event-source-polyfill`的工作原理是,它监听`XMLHttpRequest`或`fetch`的完成事件,然后模拟EventSource...

    Javascript中, event 的 target 与 currentTarget 的区别

    在JavaScript的世界里,事件处理是Web开发中不可或缺的一部分。当我们谈论`event`对象时,`target`和`currentTarget`是两个非常关键的属性,它们在处理事件流时扮演着重要角色。理解这两个属性的区别对于编写高效且...

    js-event事件

    ### JavaScript Event 事件详解 #### 一、Event 概述 在JavaScript中,`Event`对象扮演着极其重要的角色,它不仅代表着一个事件的状态,还提供了处理这些事件的方法与属性,使得开发者能够轻松地实现与用户的交互...

    jquery.event.drag jquery拖动插件

    1. **引入依赖**:首先,确保引入jQuery库和`jquery.event.drag.js`插件文件。 2. **初始化插件**:对需要拖动的元素应用`.eventDrag()`方法,可以设置选项,如: ```javascript $('.draggable-element')....

    event和srcElement说明,方法,技巧

    ### event和srcElement详解 #### 一、概述 在Web开发中,事件处理是非常重要的一个环节,它使得页面能够响应用户的交互行为。`event`对象是JavaScript中的一个重要对象,用于捕获用户或浏览器的动作,例如点击按钮...

    Visual Event.rar

    Visual Event是一个开源Javascript 书签,能提供绑定在DOM元素上的事件调试信息。Visual Event能显示如下信息: 1、哪一个元素有事件绑定 2、某元素上绑定的事件类型 3、事件触发后运行的代码段 4、定义...

    visualevent.zip

    Visual Event是一款功能强大的JavaScript事件侦测工具,尤其适用于前端开发者和网页设计师。它是一个插件,可以在多种浏览器上使用,包括但不限于谷歌浏览器,正如描述中所提到的,你也可以在百度或360浏览器上安装...

Global site tag (gtag.js) - Google Analytics