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()。
分享到:
相关推荐
JQuery读书笔记–Event属性说明 JQuery事件中的Event属性是经常性的被忽略的。大多数时间你的确不怎么用它,但有些时候它还是它还是有作用的。如获知触发时用户的环境(是否按了shift etc)。每个浏览器对event都有...
{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中的Event事件对象已经被格式化成所有浏览器通用的, 从前要根据event获取事件触发者, 在ie下是event.srcElements 而ff等标准浏览器下下是event.target. jQuery则...
Hello World jQuery!</title>[removed][removed] [removed]$(document).ready(function(){ //基本的动画函数主要分为show, hide和toggle三个. 都提供了无参数的版本//并且都提供了两个参数的重载,如show( ...
each()遍历元素(k1) 代码如下: $(document).ready(function () { $(“#btn”).html(“each()遍历... 获取属性的值(k1)attr(name) 代码如下: $(document).ready(function () { $(“#btn”).html(“获取属性值”).
A,开启事件冒泡:event.addEventListener(eventName,handler,false); B,关闭事件冒泡:假设传统方式事件的返回值为e,就可以通过e.stopPropagation()来关闭事件冒泡; C ,return false; 同时具有阻止冒泡和...
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/...
为了解决这些问题,是由jQuery Tap Event设计的。用法在页面上包含插件文件: < script src =" jquery.tap.js " > </ script > 并设置事件处理程序,如下所示: $ ( 'selector' ) . on ( 'tap' , ...
井字游戏 井字游戏是使用纯jQuery开发的全功能游戏。 开发者: ... CSS。 JS。...笔记: 在使用之前,请附上或下载带有代码的 jQuery。 请将文件“index.php”重命名为“index.html”以使用或运行它。
$(document).keyup(function(event){ if(event.keyCode ==13){ $("#submit").trigger("click"); } }); 推荐:keyup,防止笔记本键盘不小心触摸到了 1.有些文档中有写成这样: $(window).keydown(function(){ .....
● String对象:处理所有的字符串操作 ● Math对象:处理所有的数学运算 ● Date对象:处理日期和时间的存储、转化和表达 ● Array对象:提供一个数组的模型、存储大量有序的数据 ● Event对象:提供JavaSc
JQuery v3.2.1 ======================== Copyright JS Foundation and other contributors, https://js.foundation/ Homepage: https://jquery.com/download/ Released under the MIT license ...