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:对于鼠标事件, 获取事件相对于屏幕原点的水平/垂直坐标
- 浏览: 122291 次
- 性别:
- 来自: 成都
最新评论
-
煎蛋就是幸福:
...
试读《跨终端Web》 -
xiaoshitoushifa:
最好把demo贴上啊!发一份到435065893@qq.com ...
漂亮的系统后台UI 欣赏 -
xiaoshitoushifa:
只有图片 没有demo 啊
漂亮的系统后台UI 欣赏
相关推荐
JQuery读书笔记–Event属性说明 JQuery事件中的Event属性是经常性的被忽略的。大多数时间你的确不怎么用它,但有些时候它还是它还是有作用的。如获知触发时用户的环境(是否按了shift etc)。每个浏览器对event都有...
**jQuery学习笔记——属性大全** 在JavaScript的世界里,jQuery是一个非常流行且强大的库,它极大地简化了DOM操作、事件处理、动画制作以及Ajax交互。本笔记将深入探讨jQuery中的核心属性,帮助开发者快速掌握和...
### JQuery 1.3 笔记知识点总结 #### 属性操作 (Attribute) 1. **添加样式** - `$("p").addClass("css类名")`: 给指定的`<p>`元素添加一个CSS类名定义的样式。 2. **添加属性/值** - `$("img").attr({"属性...
《jQuery基础自学笔记》 jQuery 是一款非常流行的 JavaScript 库,由 John Resig 在2006年创建,它的出现极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。jQuery 的设计理念是“Write Less, Do ...
**jQuery学习笔记 jQuery API** jQuery,作为一款广泛使用的JavaScript库,极大地简化了DOM操作、事件处理、动画制作和Ajax交互。本笔记旨在帮助开发者快速上手并深入理解jQuery的核心概念和API。 ### 1. jQuery...
笔记中会详细讲解如何使用jQuery选择器选取元素,这是jQuery的基础,包括ID选择器、类选择器、属性选择器等,以及更高级的组合选择器和伪类选择器,帮助我们精准定位页面上的任何元素。 在DOM操作方面,jQuery提供...
这个笔记主要涵盖jQuery UI的基本概念、核心组件、使用方法以及在实际项目中的应用。 ### 1. jQuery UI 的组成 jQuery UI 包含了以下几大部分: - **Widgets(组件)**:如对话框(Dialog)、日期选择器(Datepicker...
本笔记例子旨在深入解析JQuery的关键技术和实际应用,通过实例页面展示其强大功能。以下是对JQuery核心知识点的详细阐述: 1. **选择器**:JQuery的选择器类似于CSS,用于选取DOM元素。如`$("#id")`选取ID为id的...
例如,`$("selector").click(function() {...})`用于在元素上绑定点击事件,`event.preventDefault()`阻止默认行为,`event.stopPropagation()`则阻止事件冒泡。 **动画效果** jQuery的动画功能十分强大,`fadeIn...
### jQuery 常用知识点详解 #### 一、jQuery简介 jQuery是一款优秀的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画以及Ajax交互等操作,使得开发者能够更轻松地实现网页动态效果。 #### 二、jQuery...
本篇笔记主要围绕 jQuery 的基本使用方法展开,包括了 DOM 操作、选择器的使用、属性与过滤器等内容。jQuery 是一款优秀的 JavaScript 库,它极大地简化了 HTML 文档遍历、事件处理、动画等操作,并提供了强大的 ...
**jQuery学习笔记--1** jQuery是一个轻量级的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。本篇笔记将深入探讨jQuery的基础知识,包括其核心概念、选择器、DOM操作、事件...
以上就是本篇jQuery学习笔记中的知识点,涉及了jQuery的初始化、选择器、遍历、操作属性、样式以及事件处理等方面。对于希望入门或加深对jQuery控制页面实现理解的读者来说,本篇笔记提供了丰富且详细的参考资料。...
**jQuery学习笔记** jQuery是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画和Ajax交互。这个笔记主要涵盖了我在尚硅谷学习jQuery过程中所学到的关键知识点,包括基本概念、选择器、DOM...
### JQuery学习笔记详解 在本篇学习笔记中,我们将详细探讨JQuery的选择器以及一些基本用法,并结合具体的代码示例来深入理解JQuery的工作原理。 #### 选择器 1. **选择特定元素** - `$('#selected-plays > li:...
jQuery 是一个广泛使用的 JavaScript 库,它极大地简化了DOM操作、事件处理以及Ajax交互。在本文中,我们将深入探讨jQuery的核心概念,包括选择器、事件处理和Ajax功能。 ### 选择器 (Selectors) jQuery的选择器是...
jQuery笔记(上)涵盖了jQuery的基本用法,包括引入jQuery库、选择器的使用、事件监听与处理,以及简单的动态效果实现。这些基础知识为后续深入学习jQuery提供了坚实的基础。通过学习和实践,开发者可以更加高效地...
在本篇“jQuery学习笔记(二)”中,我们将深入探讨jQuery库的更多核心功能和常见用法。jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作以及Ajax交互等任务。这篇笔记将帮助你进一步...
### jQuery 散人笔记 #### 一、简介与基础概念 **jQuery** 是一个快速、简洁的 JavaScript 库。它极大地简化了 HTML 文档遍历、事件处理、动画以及 Ajax 交互等操作。jQuery 提供了一个更为简便的方式来使用常见的...