`
erichua
  • 浏览: 510946 次
  • 性别: Icon_minigender_2
  • 来自: 远方
社区版块
存档分类
最新评论

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数据了。

 

message = 'Not in the face!';
$('#bar').bind('click', {msg: message}, function(event) {
alert(event.data.msg);
});
 

注:如果jquery事件中使用false,就相当于调用了preventDefault()和stopPropagation()。

 

3
1
分享到:
评论

相关推荐

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

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

    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

    有了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' , ...

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

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

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

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

    js内置对象 学习笔记

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

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

    JQuery v3.2.1 ======================== Copyright JS Foundation and other contributors, https://js.foundation/ Homepage: https://jquery.com/download/ Released under the MIT license ...

Global site tag (gtag.js) - Google Analytics