-
.on( events ,[ selector ] ,[ data ], handler(eventObject) ) 在on的第二参数中提供了一个selector选择器，简单的来描述下 参考下面3层结构 <div class="left"> <p class="aaron"> <a>目标节点</a> //点击在这个元素上 </p> </div> 给出如下代码： $("div").on("click","p",fn) 事件绑定在最上层div元素上，当用户触发在a元素上，事件将往上冒泡，一直会冒泡在div元素上。如果提供了第二参数，那么事件在往上冒泡的过程中遇到了选择器匹配的元素，将会触发事件回调函数查看全部
-
<h4>.focusin与blur</h4> <div class="left"> <div class="aaron"> 点击触发焦点(无反应)： <input type="text" /> </div> <div class="aaron1"> 点击触发焦点并冒泡： <input type="text" /> </div> </div> <script type="text/javascript"> $(".aaron").focus(function() { $(this).css('border', '2px solid red') }) $(".aaron1").focusin(function() { $(this).find('input').val('冒泡捕获了focusin事件') }) </script>查看全部
-
<script type="text/javascript"> //input聚焦 //给input元素增加一个边框 $("input:first").focusin(function() { $(this).css('border','2px solid red') }) </script> <script type="text/javascript"> //不同函数传递数据 function fn(e) { $(this).val(e.data) } function a() { $("input:last").focusin('慕课网', fn) } a(); </script>查看全部
-
event.type：获取事件的类型 event.pageX 和 event.pageY：获取鼠标当前相对于页面的坐标 event.preventDefault() 方法：阻止默认行为 event.stopPropagation() 方法：阻止事件冒泡 event.which：获取在鼠标单击时，单击的是鼠标的哪个键 event.currentTarget : 在事件冒泡过程中的当前DOM元素 冒泡前的当前触发事件的DOM对象, 等同于this. this和event.target的区别：js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素； .this和event.target都是dom对象查看全部
-
keydown是在键盘按下就会触发 keyup是在键盘松手就会触发 理论上它可以绑定到任何元素，但keydown/keyup事件只是发送到具有焦点的元素上，不同的浏览器中，可获得焦点的元素略有不同，但是表单元素总是能获取焦点，所以对于此事件类型表单元素是最合适的。 keydown事件会少一个字符是因为事件触发在前，获取的是前面已经输入的字查看全部
-
triggerHandler不会触发浏览器的默认行为，.triggerHandler( "submit" )将不会调用表单上的.submit() .trigger() 会影响所有与 jQuery 对象相匹配的元素，而 .triggerHandler() 仅影响第一个匹配到的元素 使用 .triggerHandler() 触发的事件，并不会在 DOM 树中向上冒泡。 如果它们不是由目标元素直接触发的，那么它就不会进行任何处理 与普通的方法返回 jQuery 对象(这样就能够使用链式用法)相反，.triggerHandler() 返回最后一个处理的事件的返回值。如果没有触发任何事件，会返回 undefined查看全部
-
自定义事件对象，是jQuery模拟原生实现的 自定义事件可以传递参数查看全部
-
事件对象是用来记录一些事件发生时的相关信息的对象。事件对象只有事件发生时才会产生，并且只能是事件处理函数内部访问，在所有事件处理函数运行结束后，事件对象就被销毁查看全部
-
事件绑定在最上层div元素上，当用户触发在a元素上，事件将往上冒泡，一直会冒泡在div元素上。如果提供了第二参数，那么事件在往上冒泡的过程中遇到了选择器匹配的元素，将会触发事件回调函数查看全部
-
KeyPress主要用来接收字母、数字等ANSI字符，而 KeyDown 和 KeyUP 事件过程可以处理任何不被 KeyPress 识别的击键。诸如：功能键（F1-F12）、编辑键、定位键以及任何这些键和键盘换档键的组合等。查看全部
-
keydown事件会少一个字符是因为事件触发在前，获取的是前面已经输入的字符查看全部
-
1.click():鼠标单击事件 2.dbclick():鼠标双击事件查看全部
-
trigger会触发浏览器默认行为，比如光标聚集，triggerHandler则不会，它只会显示文本，触发focus事件函数 jQuery自定义事件之triggerHandler事件 trigger事件还有一个特性：会在DOM树上冒泡，所以如果要阻止冒泡就需要在事件处理程序中返回false或调用事件对象中的.stopPropagation() 方法可以使事件停止冒泡 trigger事件是具有触发原生与自定义能力的，但是存在一个不可避免的问题： 事件对象event无法完美的实现，毕竟一个是浏览器给的，一个是自己模拟的。尽管 .trigger() 模拟事件对象，但是它并没有完美的复制自然发生的事件，若要触发通过 jQuery 绑定的事件处理函数，而不触发原生的事件，使用.triggerHandler() 来代替 triggerHandler与trigger的用法是一样的，重点看不同之处： triggerHandler不会触发浏览器的默认行为，.triggerHandler( "submit" )将不会调用表单上的.submit() .trigger() 会影响所有与 jQuery 对象相匹配的元素，而 .triggerHandler() 仅影响第一个匹配到的元素 使用 .triggerHandler() 触发的事件，并不会在 DOM 树中向上冒泡。 如果它们不是由目标元素直接触发的，那么它就不会进行任何处理 与普通的方法返回 jQuery 对象(这样就能够使用链式用法)相反，.triggerHandler() 返回最后一个处理的事件的返回值。如果没有触发任何事件，会返回 undefined查看全部
-
trigger()方法：根据绑定到匹配元素的给定事件类型执行所有的处理程序和行为 trigger除了能够触发浏览器事件，同时还支持自定义事件，并且自定义事件还支持传递参数 $('#elem').on('Aaron', function(event,arg1,arg2) { alert("自定义事件") }); $('#elem').trigger('Aaron',['参数1','参数2']) trigger触发浏览器事件与自定义事件区别： 1、自定义事件对象，是jQuery模拟原生实现的 2、自定义事件可以传递参数查看全部
-
event.type：获取事件的类型 event.pageX 和 event.pageY：获取鼠标当前相对于页面的坐标 event.preventDefault() 方法：阻止默认行为 event.stopPropagation() 方法：阻止事件冒泡 event.which：获取在鼠标单击时，单击的是鼠标的哪个键 event.currentTarget : 在事件冒泡过程中的当前DOM元素 冒泡前的当前触发事件的DOM对象, 等同于this. this和event.target的区别：js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素； .this和event.target都是dom对象查看全部
举报
0/150
提交
取消