-
鼠标事件： .mouseover() .mouseout() 可传eventData查看全部
-
鼠标事件 .mousemove() 同样支持传参eventData 获取鼠标指针位置：相对于文档的左边缘 $(".aaron1").mousemove(function(e) { $(this).find('p:last').html('移动的X位置：' + e.pageX) })查看全部
-
鼠标事件 .onmousedown() .onmouseup() 与click、dbclick一样，都接受event.data $().onmousedown( [eventData,] 回调函数) event.witch的值： 鼠标左键 1 鼠标中键 2 鼠标右键 3查看全部
-
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对象查看全部
-
jQuery鼠标事件： .click() 单击 .dbclick() 双击 注意：同一个元素不要同时绑定click和dbclick事件 (各个浏览器事件触发顺序不同) 使用方法： $().click( [eventData ,] 回调函数 ); 可以接受一个数据参数(eventData)，这样的处理是为了解决不同作用域下数据传递的问题； 每次触发该事件，执行回调函数，传递参数(如果有，获取该参数：e.data) $().click( function(){} ); $().click( function func(){} ); $().click( func ); $().click( func = function(){});查看全部
-
jQuery自定义事件之triggerHandler事件 trigger事件还有一个特性：会在DOM树上冒泡，所以如果要阻止冒泡就需要在事件处理程序中返回false或调用事件对象中的.stopPropagation() 方法可以使事件停止冒泡 triggerHandler与trigger的用法是一样的，重点看不同之处： triggerHandler不会触发浏览器的默认行为，.triggerHandler( "submit" )将不会调用表单上的.submit() .trigger() 会影响所有与 jQuery 对象相匹配的元素，而 .triggerHandler() 仅影响第一个匹配到的元素 使用 .triggerHandler() 触发的事件，并不会在 DOM 树中向上冒泡。 如果它们不是由目标元素直接触发的，那么它就不会进行任何处理 与普通的方法返回 jQuery 对象(这样就能够使用链式用法)相反，.triggerHandler() 返回最后一个处理的事件的返回值。如果没有触发任何事件，会返回 undefined查看全部
-
jQuery自定义事件之trigger事件 在jQuery通过on方法绑定一个原生事件 $('#elem').on('click', function() { alert("触发系统事件") }); lert需要执行的条件：必须有用户点击才可以。如果不同用户交互是否能在某一时刻自动触发该事件呢？ 正常来说是不可以的，但是jQuery解决了这个问题，提供了一个trigger方法来触发浏览器事件 所以我们可以这样： $('#elem').trigger('click'); 再来看看.trigger是什么？ 简单来讲就是：根据绑定到匹配元素的给定的事件类型执行所有的处理程序和行为 trigger除了能够触发浏览器事件，同时还支持自定义事件，并且自定义时间还支持传递参数 $('#elem').on('Aaron', function(event,arg1,arg2) { alert("自触自定义时间") }); $('#elem').trigger('Aaron',['参数1','参数2'])查看全部
-
focus和blur 不支持冒泡 focusout和focusin支持冒泡。查看全部
-
jQuery事件对象的属性和方法 event.type:获取事件的类型 event.pageX,event.pageY:获取鼠标当前相对于页面的坐标 event.preventDefault():阻止默认行为 event.stopPropagation():阻止事件冒泡 event.which:获取在鼠标单击时，单击的是哪个键：1左键 2中键 3右键 event.currentTarget:在事件冒泡过程中的当前DOM元素，等同于this this和event.target的区别： js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素； .this和event.target都是dom对象 如果要使用jquey中的方法可以将他们转换为jquery对象。比如this和$(this)的使用、event.target和$(event.target)的使用；查看全部
-
jQuery事件对象的作用 一个标准的"click"点击事件 $(elem).on("click",function(event){ event //事件对象 }) 这里不在千篇一律的说方法的使用，通过实际的一个小案例，从而来了解事件对象的作用 <ul> <li class="even1"></li> <li class="even2"></li> <li class="even2"></li> ......... </ul> ul有N个子元素li(这里只写了3个)，如果我要响应每一个li的事件，那么常规的方法就是需要给所有的li都单独绑定一个事件监听，这样写法很符合逻辑，但是同时有显得繁琐 因为li都有一个共同的父元素，而且所有的事件都是一致的，这里我们可以采用要一个技巧来处理，也是常说的"事件委托" 事件没直接和li元素发生关系，而且绑定父元素了。由于浏览器有事件冒泡的这个特性，我们可以在触发li的时候把这个事件往上冒泡到ul上，因为ul上绑定事件响应所以就能够触发这个动作了。唯一的问题怎么才知道触发的li元素是哪个一个？查看全部
-
卸载事件off()方法 通过.on()绑定的事件处理程序 通过off() 方法移除该绑定 绑定2个事件 $("elem").on("mousedown mouseup",fn) 删除一个事件 $("elem").off("mousedown") 删除所有事件 $("elem").off("mousedown mouseup") 快捷方式删除所有事件，这里不需要传递事件名了，节点上绑定的所有事件讲全部销毁 $("elem").off()查看全部
-
on()的高级用法：委托机制 委托机制 .on( events ,[ selector ] ,[ data ], handler(eventObject) ) 给出如下代码： $("div").on("click","p",fn) 事件绑定在最上层div元素上，当用户触发在a元素上，事件将往上冒泡，一直会冒泡在div元素上。如果提供了第二参数，那么事件在往上冒泡的过程中遇到了选择器匹配的元素，将会触发事件回调函数 <script type="text/javascript"> //给body绑定一个click事件 //没有直接a元素绑定点击事件 //通过委托机制，点击a元素的时候，事件触发 $('body').on('click', 'a', function(e) { alert(e.target.textContent) }) </script> </body>查看全部
-
此节课不太懂查看全部
-
on()的多事件绑定 jQuery on()方法是官方推荐的绑定事件的一个方法。 基本用法：.on( events ,[ selector ] ,[ data ] ) $("#elem").click(function(){}) //快捷方式 $("#elem").on('click',function(){}) //on方式 最大的不同点就是on是可以自定义事件名，当然不仅仅只是如何，继续往下看 多个事件绑定同一个函数 $("#elem").on("mouseover mouseout",function(){ }); 通过空格分离，传递不同的事件名，可以同时绑定多个事件 多个事件绑定不同函数 $("#elem").on({ mouseover:function(){}, mouseout:function(){}, }); 通过空格分离，传递不同的事件名，可以同时绑定多个事件，每一个事件执行自己的回调方法 将数据传递到处理程序 function greet( event ) { alert( "Hello " + event.data.name ); //Hello 慕课网 } $( "button" ).on( "click", { name: "慕课网" }, greet ); 可以通过第二参数（对象），当一个事件被触发时，要传递给事件处理函数的查看全部
-
在input元素上绑定keydown事件会发现一个问题： 每次获取的内容都是之前输入的，当前输入的获取不到 keypress事件与keydown和keyup的主要区别 只能捕获单个字符，不能捕获组合键 无法响应系统功能键（如delete，backspace） 不区分小键盘和主键盘的数字字符 总而言之， KeyPress主要用来接收字母、数字等ANSI字符，而 KeyDown 和 KeyUP 事件过程可以处理任何不被 KeyPress 识别的击键。诸如：功能键（F1-F12）、编辑键、定位键以及任何这些键和键盘换档键的组合等。查看全部
举报
0/150
提交
取消