`

Event对象的属性

Web 
阅读更多
function MyAlert()
{
var msg="";
msg+="发生事件的类型:\n";
msg+="type="+event.type+"\n\n";
msg+="发生事件的原始对象:\n";
msg+="target="+event.srcElement+"\n\n";
msg+="光标相对于事件所在文档的水平和垂直位置:\n";
msg+="x="+event.x+"y="+event.y+"\n\n";
msg+="光标相对于事件所在容器的水平和垂直位置:\n";
msg+="x="+event.offsetX+"y="+event.offsetY+"\n\n";
msg+="光标相对于事件所在屏幕的水平和垂直位置:\n";
msg+="x="+event.screenX+"y="+event.screenY+"\n\n";
msg+="光标相对于事件所在Web页面的水平和垂直位置:\n";
msg+="x="+event.clientX+"y="+event.clientY+"\n\n";
alert(msg);
}
分享到:
评论

相关推荐

    window对象--event对象详解

    常见的Event对象属性有: 1. `type`:事件的类型,如"click", "mouseover"等。 2. `target`:触发事件的元素。 3. `currentTarget`:当前处理事件的元素,可能与`target`不同,尤其是在事件冒泡或捕获阶段。 4. `...

    js鼠标点击事件在各个浏览器中的写法及Event对象属性介绍

    除此之外,文章也对Event对象的基本属性进行了介绍,以下是Event对象属性的具体含义和用法: 1. altKey属性:用于检查事件发生时Alt键的状态。如果Alt键被按下,event.altKey的值为TRUE,否则为FALSE。这是一个只读...

    Event 对象的使用方法

    对于Internet Explorer浏览器,还有一些特有的Event对象属性,如`cancelBubble`用于阻止事件冒泡到父元素,`fromElement`和`toElement`在`mouseover`和`mouseout`事件中追踪鼠标移动方向,以及`offsetX`和`offsetY`...

    Jquery中Event对象属性小结

    了解和熟练使用Event对象的这些属性,能够使我们在开发交互式网页应用时更加灵活和精准。例如,我们可以利用这些属性来阻止默认行为(如链接的跳转),或者根据用户的输入执行特定操作。通过结合jQuery和其他...

    jquery中event对象属性与方法小结

    在jQuery中,`event`对象是一个非常重要的组成部分,它提供了丰富的属性和方法,用于处理和管理用户交互引发的事件。本文将对jQuery的`event`对象进行深入的讲解,帮助开发者更好地理解和运用这些功能。 首先,`...

    《javascript》——event对象与事件

    《JavaScript》——Event 对象与事件 Event 对象是 JavaScript 中的一个基本概念...通过本节教学,学生将掌握 Event 对象的属性和方法,并能正确地使用 Event 对象来处理用户的交互行为,从而创建更加交互的网页应用。

    window.event 对象详解

    `event`对象包含了一些重要的属性,如: 1. `type`: 事件的类型,例如"click"、"keydown"等。 2. `target`: 发生事件的元素,即事件源。 3. `currentTarget`: 包含事件监听器的元素,可能与`target`不同,尤其是在...

    Javascript中的事件--Event对象

    下面我们将深入探讨`Event`对象的关键属性和方法,以及它们在JavaScript中的应用。 ### 1. `Event`对象的基础属性 - **`type`**:表示事件的类型,例如`click`、`mousemove`等。 - **`target`**:返回事件最初触发...

    HTML DOM Event 对象

    在本文中,我们将深入探讨HTML DOM Event对象以及与之相关的属性和事件句柄。 首先,Event对象是JavaScript中用于处理事件的核心组件。它包含了有关事件的各种信息,例如哪个鼠标按钮被点击、光标坐标、按键Unicode...

    event对象总结,更详细更全面

    JavaScript 事件对象总结 事件对象概述 JavaScript 事件对象是指在用户与...事件对象是JavaScript编程中非常重要的一部分,掌握事件对象的使用和属性,可以帮助开发者更好地处理用户交互事件,提高网页的用户体验。

    javascript Event对象详解

    然而,这个属性的使用并不广泛,通常在监听DOM对象属性变化时才会涉及。 在JavaScript事件处理中,Event对象提供了丰富的信息,使得开发者能够精确地控制和响应用户的交互。了解并熟练运用这些属性,可以创建更加...

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

    除了上述属性,`window.event`对象还包含其他属性,如`shiftKey`(检查Shift键状态)、`srcElement`(触发事件的元素,IE中等同于`target`)和`type`(事件类型),以及一些与鼠标和键盘交互相关的属性,如`offsetX`...

    javascriptEvent对象详解定义.pdf

    Event 对象只在事件发生的过程中才有效,event 对象的某些属性只对特定的事件有意义。 Event 对象的属性包括: 1. altKey 属性:检查 alt 键的状态,返回一个布尔值,TRUE 表示 alt 键按下,FALSE 表示 alt 键没有...

    Event对象详解

    以下是对Event对象及其重要属性的详细解释: 1. **altKey**:这个属性用于检查用户是否按下了Alt键。如果Alt键被按下,altKey的值为TRUE,否则为FALSE。它是只读的,因此不能被修改。 2. **button**:此属性用于...

    获取对象属性事件和方法的软件源码

    根据提供的文件信息,本文将详细解析“获取对象属性事件和方法的软件源码”的核心知识点。这段代码主要涉及了在VB环境中如何通过Type Library Interface (TLI)来获取对象的各种特性,包括属性、事件和方法。 ### ...

    让Firefox支持event对象实现代码

    if (arg0.constructor == Event) // 如果找到event对象 return arg0; } func = func.caller; } return null; } ``` 在上述示例中,`SearchEvent`会查找调用链上第一个具有`Event`类型的参数,从而找到事件...

Global site tag (gtag.js) - Google Analytics