`

JQuery读书笔记–Event属性说明

 
阅读更多

JQuery读书笔记–Event属性说明 
JQuery事件中的Event属性是经常性的被忽略的。大多数时间你的确不怎么用它,但有些时候它还是它还是有作用的。如获知触发 
时用户的环境(是否按了shift etc)。每个浏览器对event都有不同的地方,Jquery对Event做了标准化所以可以放心用。 
    * 。target   这个反应触发事件的DOM对象,可以在事件冒泡的时候判断是否是事件源头(compare event.target to 
this) 
    * .pageX:  鼠标的left属性,相对于page 
    * .pageY:  鼠标的top属性,相对于page 
    * preventDefault():  这个方法被调用,则原有事件就被忽略。(例如 clicked link就不会去新的Url了) 
    * stopPropagation():让Jquery停止事件冒泡 
    * .Data:  如果事件中还有EventData你就可以用这个属性获得对应Eventdata数据了。 
    * ctrlKey: 类型: Boolean, 说明: Ctrl 键是否按下 
    * shiftKey: 类型: Boolean, 说明: Shift键是否按下 
    * altKey: 类型: Boolean, 说明: Alt 键是否按下 
    * charCode: 类型: Number, 说明: 最后响应键盘按键的 charCode 值 
    * keyCode: 类型: Number, 说明: 最后响应键盘按键的 keyCode 值 
    * button: 类型: Number, 说明: 按下的鼠标键, 左键:1, 右键:2, 中键:4 
    * which: 类型: Number, 说明: 最后响应的是哪个按键, 如果是键盘按键则等于 charCode || keyCode; 如果是鼠标按 
键, 左键:1, 右键:3, 中键2 
type : 事件类型 
relatedTarget:对于鼠标事件, 标示触发事件时离开或者进入的DOM元素 
currentTarget:冒泡前的当前触发事件的DOM对象, 等同于this. 
result: 上一个事件处理函数返回的值 
screenX/Y:对于鼠标事件, 获取事件相对于屏幕原点的水平/垂直坐标

分享到:
评论

相关推荐

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

    JQuery读书笔记–Event属性说明 JQuery事件中的Event属性是经常性的被忽略的。大多数时间你的确不怎么用它,但有些时候它还是它还是有作用的。如获知触发时用户的环境(是否按了shift etc)。每个浏览器对event都有...

    JQuery学习笔记,属性大全

    **jQuery学习笔记——属性大全** 在JavaScript的世界里,jQuery是一个非常流行且强大的库,它极大地简化了DOM操作、事件处理、动画制作以及Ajax交互。本笔记将深入探讨jQuery中的核心属性,帮助开发者快速掌握和...

    JQuery1.3笔记.txt

    ### JQuery 1.3 笔记知识点总结 #### 属性操作 (Attribute) 1. **添加样式** - `$("p").addClass("css类名")`: 给指定的`<p>`元素添加一个CSS类名定义的样式。 2. **添加属性/值** - `$("img").attr({"属性...

    jQuery基础自学笔记(pink老师jQuery全内容)

    《jQuery基础自学笔记》 jQuery 是一款非常流行的 JavaScript 库,由 John Resig 在2006年创建,它的出现极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。jQuery 的设计理念是“Write Less, Do ...

    jQuery学习笔记 jQuery API

    **jQuery学习笔记 jQuery API** jQuery,作为一款广泛使用的JavaScript库,极大地简化了DOM操作、事件处理、动画制作和Ajax交互。本笔记旨在帮助开发者快速上手并深入理解jQuery的核心概念和API。 ### 1. jQuery...

    圣思源的jquery学习笔记

    笔记中会详细讲解如何使用jQuery选择器选取元素,这是jQuery的基础,包括ID选择器、类选择器、属性选择器等,以及更高级的组合选择器和伪类选择器,帮助我们精准定位页面上的任何元素。 在DOM操作方面,jQuery提供...

    jquery UI(笔记)

    这个笔记主要涵盖jQuery UI的基本概念、核心组件、使用方法以及在实际项目中的应用。 ### 1. jQuery UI 的组成 jQuery UI 包含了以下几大部分: - **Widgets(组件)**:如对话框(Dialog)、日期选择器(Datepicker...

    JQuery经典笔记例子

    本笔记例子旨在深入解析JQuery的关键技术和实际应用,通过实例页面展示其强大功能。以下是对JQuery核心知识点的详细阐述: 1. **选择器**:JQuery的选择器类似于CSS,用于选取DOM元素。如`$("#id")`选取ID为id的...

    JQuery笔记

    例如,`$("selector").click(function() {...})`用于在元素上绑定点击事件,`event.preventDefault()`阻止默认行为,`event.stopPropagation()`则阻止事件冒泡。 **动画效果** jQuery的动画功能十分强大,`fadeIn...

    jquery常用笔记

    ### jQuery 常用知识点详解 #### 一、jQuery简介 jQuery是一款优秀的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画以及Ajax交互等操作,使得开发者能够更轻松地实现网页动态效果。 #### 二、jQuery...

    Jquery学习笔记1

    本篇笔记主要围绕 jQuery 的基本使用方法展开,包括了 DOM 操作、选择器的使用、属性与过滤器等内容。jQuery 是一款优秀的 JavaScript 库,它极大地简化了 HTML 文档遍历、事件处理、动画等操作,并提供了强大的 ...

    jquery学习笔记--1

    **jQuery学习笔记--1** jQuery是一个轻量级的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。本篇笔记将深入探讨jQuery的基础知识,包括其核心概念、选择器、DOM操作、事件...

    jQuery学习笔记之控制页面实现代码

    以上就是本篇jQuery学习笔记中的知识点,涉及了jQuery的初始化、选择器、遍历、操作属性、样式以及事件处理等方面。对于希望入门或加深对jQuery控制页面实现理解的读者来说,本篇笔记提供了丰富且详细的参考资料。...

    JQuery学习笔记。。。。

    **jQuery学习笔记** jQuery是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画和Ajax交互。这个笔记主要涵盖了我在尚硅谷学习jQuery过程中所学到的关键知识点,包括基本概念、选择器、DOM...

    JQuery学习笔记 详

    ### JQuery学习笔记详解 在本篇学习笔记中,我们将详细探讨JQuery的选择器以及一些基本用法,并结合具体的代码示例来深入理解JQuery的工作原理。 #### 选择器 1. **选择特定元素** - `$('#selected-plays > li:...

    JQUERY学习笔记.doc

    jQuery 是一个广泛使用的 JavaScript 库,它极大地简化了DOM操作、事件处理以及Ajax交互。在本文中,我们将深入探讨jQuery的核心概念,包括选择器、事件处理和Ajax功能。 ### 选择器 (Selectors) jQuery的选择器是...

    jQuery笔记(上)

    jQuery笔记(上)涵盖了jQuery的基本用法,包括引入jQuery库、选择器的使用、事件监听与处理,以及简单的动态效果实现。这些基础知识为后续深入学习jQuery提供了坚实的基础。通过学习和实践,开发者可以更加高效地...

    jQuery学习笔记(二)

    在本篇“jQuery学习笔记(二)”中,我们将深入探讨jQuery库的更多核心功能和常见用法。jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作以及Ajax交互等任务。这篇笔记将帮助你进一步...

    jquery散人笔记

    ### jQuery 散人笔记 #### 一、简介与基础概念 **jQuery** 是一个快速、简洁的 JavaScript 库。它极大地简化了 HTML 文档遍历、事件处理、动画以及 Ajax 交互等操作。jQuery 提供了一个更为简便的方式来使用常见的...

Global site tag (gtag.js) - Google Analytics