上文提到，jquery的事件绑定有bind()，delegate()和one()以及live()方式。我用的jQuery2.1.3版本，live()已经被废弃了。bind()，delegate()和one()的内部源码。//7491行 bind: function( types, data, fn ) {returnthis.on( types, null, data, fn );}, //7498行 delegate: function( selector, types, data, fn ) {returnthis.on( types, selector, data, fn );}, //7474行 jQuery.each( ("blur focus focusin focusout load res...
转自： http://www.cnblogs.com/12go/archive/2011/12/28/2304502.html1.this和event.target的区别：js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素；2.this和event.target都是dom对象，如果要使用jquey中的方法可以将他们转换为jquery对象：$(this)和$(event.target);比如：event.target和$(event.target)的使用：< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transit...
$(document).on("click","#a",function(){alert(1)}) [#document] as a replacement of previous delegate etc..event capture netscape 和 微软 曾经的战争还是比较火热的，当时， netscape 主张捕获方式，微软主张冒泡方式。后来 w3c 采用折中的方式，平息了战火，制定了统一的标准——先捕获再冒泡。 事件的触发有三个阶段document 往事件触发地点，捕获前进，遇到相同注册事件立即触发执行到达事件位置，触发事件（如果该处既注...
event.preventDefault()描述: 如果调用这个方法，默认事件行为将不再触发。event.preventDefault() //这个方法不接受任何参数。 例如，在执行这个方法后，如果点击一个链接（a标签），浏览器不会跳转到新的 URL 去了。我们可以用 event.isDefaultPrevented() 来确定这个方法是否(在那个事件对象上)被调用过了。帮助文档：http://www.w3school.com.cn/jquery/jquery_ref_events.aspjQuery API 中文文档: http://www.css88.com/jq...
比如得到触发事件的元素引用在IE浏览器下是：event.srcElement，在FF浏览器下则是：event.target，另外又比如在FF浏览器下得到光标相对页面的位置是event.pageX，而IE浏览器下的处理方式又是不一样的，当然还有一些像“阻止事件冒泡”以及“取消浏览器默认行为”等，不同浏览器也有不同的处理方式，如果我们要使JavaScript在不同的浏览器下能正常处理事件代码，就要分别进行判断处理。现在jQuery为我们提供了统一兼容处理函数$.eve...
看下面code: 代码如下: TestPage $(document).ready(function() { $("#btn1").unbind('click').removeAttr('onclick').click(function() { alert('The method has invoked by Jquery.'); }); }); function foo() { alert('The method has invoked.'); } 用的就是unbind,然后再removeAttr,最后再加上你的方法。来看下它们API document: unbind([type], [fn]) 概述 bind()的反向操作，从每一个匹配的元素中删除绑定的事件...
对于事件的操作无非是addEvent,fireEvent,removeEvent这三个事 件方法。一般lib都会对浏览器的提供的函数做一些扩展，解决兼容性内存泄漏等问题。第三个问题就是如何得到domReady的状态。 6.1 event的包裹 浏览器的事件兼容性是一个令人头疼的问题。IE的event在是在全局的window下， 而mozilla的event是事件源参数传入到回调函数中。还有很多的事件处理方式也一样。 Jquery提供了一个 event的包裹，这个相对于其它的li...
实例 显示按了哪个键： $("input").keydown(function(event){ $("div").html("Key: " + event.which); }); 亲自试一试 定义和用法 which 属性指示按了哪个键或按钮。 语法 event.which参数 描述 event 必需。规定要检查的事件。这个 event 参数来自事件绑定函数。 jQuery丢弃了标准的 button 属性采用 which，这有点让人费解。 which 是Firefox引入的，IE不支持。which的本意是获取键盘的键值(keyCode)。 jQuery中的which即可以是键...
描述： 防止事件冒泡到DOM树上，也就是不触发的任何前辈元素上的事件处理函数。 version added: 1.0event.stopPropagation() 我们可以用 event.isPropagationStopped() 来确定这个方法是否(在那个事件对象上)调用过了。 这个方法对 trigger() 来自定义的事件同样有效。 注意，这不会阻止同一个元素上的其它事件处理函数的运行。 Additional Notes: 自从.live()方法处理事件一旦传播到文档的顶部，live事件是不可能停止传播的。同样...
首先我在网上看到不少文章大体上分为两个（不正确）观点： 1. cancelBubble用于ie的阻止冒泡事件，event.stopPropagation（）用于firefox和chrome等其他浏览器。 先不讲上面是对是错 先看一个例子：（测试环境：chrom5.0.275.7, moz3.6.4, opera10.53, ie6,7,8） 代码如下: 无标题页 输出结果true b,在 moz3.6.4版本内，是不能阻止body的onclick的，但是alert(event.cancelBubble);输出结果仍然是true ,我想这应该是event.c...
event.target说明：引发事件的DOM元素。this和event.target的区别js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素； this和event.target的相同点this和event.target都是dom对象，如果要使用jquey中的方法可以将他们转换为jquery对象：$(this)和$(event.target); 这使我想起了以前写的一个例子： 代码如下: //del event $(".del").bind("click",function(event){ ...
介绍之前先介绍jQuery的一个方法 jQuery.event.fix(event || window.event); 此方法个浏览器的event对象转换为 jQuery.event; 如果您的事件是通过jQuery方法绑定的，就不需要进行转换了！ jQuery在遵循W3C规范的情况下，对事件的常用属性进行了封装，使得事件处理在各大浏览器下都可以正常的运行而不需要进行浏览器类型判断。 1.event.type属性该方法作用是可以获取到时间的类型 代码如下:$("a").click(function(event){ alert(...
JQuery读书笔记–Event属性说明 JQuery事件中的Event属性是经常性的被忽略的。大多数时间你的确不怎么用它，但有些时候它还是它还是有作用的。如获知触发时用户的环境（是否按了shift etc）。每个浏览器对event都有不同的地方，Jquery对Event做了标准化所以可以放心用。 * .target 这个反应触发事件的DOM对象，可以在事件冒泡的时候判断是否是事件源头(compare event.target to this) * .pageX: 鼠标的left属性，相对于page * ....
JS的Event对象是触发事件的时候传递给事件处理函数的一个对象，这个对象中存在触发事件的基本信息。如：触发事件的事件源、键盘码（如果存在）等基本信息。 1、通过event.type获取事件的类型代码如下:$(function(){$("a").click(function(event) {alert(event.type);//获取事件类型//return false;//阻止链接跳转event.preventDefault();}); })2、获取事件目标的属性值 html部分代码如下：代码如下:click me .代码如下:$(function(...
JS的Event对象是触发事件的时候传递给事件处理函数的一个对象，这个对象中存在触发事件的基本信息。如：触发事件的事件源、键盘码（如果存在）等基本信息。 1、通过event.type获取事件的类型代码如下: <script> $(function(){ $("a").click(function(event) { alert(event.type);//获取事件类型 //return false;//阻止链接跳转 event.preventDefault(); }); }) </script>2、获取事件目标的属性值 html部...