`

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我们将从这个噩梦中醒来, 比如在jQuery中的Event事件对象已经被格式化成所有浏览器通用的, 从前要根据event获取事件触发者, 在ie下是event.srcElements 而ff等标准浏览器下下是event.target. jQuery则...

    jQuery学习笔记之jQuery动画效果

    Hello World jQuery!</title>[removed][removed] [removed]$(document).ready(function(){ //基本的动画函数主要分为show, hide和toggle三个. 都提供了无参数的版本//并且都提供了两个参数的重载,如show( ...

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

    each()遍历元素(k1) 代码如下: $(document).ready(function () { $(“#btn”).html(“each()遍历... 获取属性的值(k1)attr(name) 代码如下: $(document).ready(function () { $(“#btn”).html(“获取属性值”).

    前端笔记.zip

    A,开启事件冒泡:event.addEventListener(eventName,handler,false); B,关闭事件冒泡:假设传统方式事件的返回值为e,就可以通过e.stopPropagation()来关闭事件冒泡; C ,return false; 同时具有阻止冒泡和...

    JQuery Study Notes 学习笔记(一)

    1. 使用jquery 到jquery.com下载jquery.js当前版本是1.4.2 新建一个html页面 代码如下: <!DOCTYPE html><BR><html lang=”en”><BR><head> <meta http-equiv=”Content-Type” content=”text/...

    jTap:jQuery的Tap事件

    为了解决这些问题,是由jQuery Tap Event设计的。用法在页面上包含插件文件: < script src =" jquery.tap.js " > </ script > 并设置事件处理程序,如下所示: $ ( 'selector' ) . on ( 'tap' , ...

    Java学习笔记-个人整理的

    {2.10.1}类的属性}{60}{subsection.2.10.1} {2.10.2}类的方法}{61}{subsection.2.10.2} {2.10.3}静态代码块}{62}{subsection.2.10.3} {2.11}\ttfamily final}{63}{section.2.11} {2.12}\ttfamily abstract}{63}...

    jquery实现回车键触发事件(实例讲解)

    $(document).keyup(function(event){ if(event.keyCode ==13){ $("#submit").trigger("click"); } }); 推荐:keyup,防止笔记本键盘不小心触摸到了 1.有些文档中有写成这样: $(window).keydown(function(){ .....

    Tic-Tac-Toe-Game:井字游戏是使用纯jQuery开发的全功能游戏

    井字游戏 井字游戏是使用纯jQuery开发的全功能游戏。 开发者: ... CSS。 JS。...笔记: 在使用之前,请附上或下载带有代码的 jQuery。 请将文件“index.php”重命名为“index.html”以使用或运行它。

    js内置对象 学习笔记

    ● String对象:处理所有的字符串操作 ● Math对象:处理所有的数学运算 ● Date对象:处理日期和时间的存储、转化和表达 ● Array对象:提供一个数组的模型、存储大量有序的数据 ● Event对象:提供JavaSc

    摩托车钥匙「Moto Key」-crx插件

    通过 Moto Key 扩展,您可以执行以下操作 – - 使用您的指纹登录网站和应用程序。无需记住和输入用户名和密码。只需一键进行身份验证。 - 保存所有您收藏网站的用户名和密码信息,并将其与您的指纹关联,这样,只有...

Global site tag (gtag.js) - Google Analytics