-
jQuery鼠标事件之focusout事件 失去焦点 方法一：$ele.focusout() 方法二：$ele.focusout( handler ) 方法三：$ele.focusout( [eventData ], handler )查看全部
-
<div id="test">点击触发<div> $("#test").focusin(11111,function(e) { //this指向 div元素 //e.date => 11111 传递数据 }); ====================== 方法一：$ele.focusin() 方法二：$ele.focusin( handler ) 方法三：$ele.focusin( [eventData ], handler )查看全部
-
$(selector).hover(handlerIn, handlerOut) handlerIn(eventObject)：当鼠标指针进入元素时触发执行的事件函数 handlerOut(eventObject)：当鼠标指针离开元素时触发执行的事件函数查看全部
-
mouseenter/mouseleave 不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。 只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。查看全部
-
移入 / 移出 mouseover/mouseout查看全部
-
$(selector).mousemove() $(selector).mousemove(function) 当鼠标指针在指定的元素中移动时，就会发生 mousemove 事件查看全部
-
$(selector).mousedown() $(selector).mousedown(function)查看全部
-
$(selector).click() $(selector).click(function)查看全部
-
$(对象1).n(事件，fn)：将事件绑定在对象1上，点击对象1以及其内容都会触发事件 $(对象1).n(事件，对象2，fn)：相当于将事件绑定在对象2上面了，停止冒泡。查看全部
-
e.target.value比较常用，用来获取目标的内容查看全部
-
失焦聚焦：focus, blur（当选择的对象本身失焦聚焦时发生事件） 失焦冒泡，聚焦捕获focusin,focusout（选择对象的子孙发生失焦聚焦时也会发生事件）查看全部
-
$ele.focusin( handler )不传递参数 $ele.focusin( eventData , handler )传递参数查看全部
-
triggerHandler与trigger的用法是一样的，重点看不同之处： triggerHandler不会触发浏览器的默认行为，.triggerHandler( "submit" )将不会调用表单上的.submit() .trigger() 会影响所有与 jQuery 对象相匹配的元素，而 .triggerHandler() 仅影响第一个匹配到的元素 使用 .triggerHandler() 触发的事件，并不会在 DOM 树中向上冒泡。 如果它们不是由目标元素直接触发的，那么它就不会进行任何处理 与普通的方法返回 jQuery 对象(这样就能够使用链式用法)相反，.triggerHandler() 返回最后一个处理的事件的返回值。如果没有触发任何事件，会返回 undefined查看全部
-
jQuery事件对象的属性和方法 event.type：获取事件的类型 触发元素的事件类型 $("a").click(function(event) { alert(event.type); // "click"事件 }); event.pageX 和 event.pageY：获取鼠标当前相对于页面的坐标 通过这2个属性，可以确定元素在当前页面的坐标值，鼠标相对于文档的左边缘的位置（左边）与 （顶边）的距离，简单来说是从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化 event.preventDefault() 方法：阻止默认行为 这个用的特别多，在执行这个方法后，如果点击一个链接（a标签），浏览器不会跳转到新的 URL 去了。我们可以用 event.isDefaultPrevented() 来确定这个方法是否(在那个事件对象上)被调用过了 event.stopPropagation() 方法：阻止事件冒泡 事件是可以冒泡的，为防止事件冒泡到DOM树上，也就是不触发的任何前辈元素上的事件处理函数 event.which：获取在鼠标单击时，单击的是鼠标的哪个键 event.which 将 event.keyCode 和 event.charCode 标准化了。event.which也将正常化的按钮按下(mousedown 和 mouseupevents)，左键报告1，中间键报告2，右键报告3 event.currentTarget : 在事件冒泡过程中的当前DOM元素 冒泡前的当前触发事件的DOM对象, 等同于this. this和event.target的区别： js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素； .this和event.target都是dom对象 如果要使用jquey中的方法可以将他们转换为jquery对象。比如this和$(this)的使用、event.target和$(event.target)的使用；查看全部
-
基本用法：.on( events ,[ selector ] ,[ data ] ) 最常见的给元素绑定一个点击事件，对比一下快捷方式与on方式的不同 $("#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 ); 可以通过第二参数（对象），当一个事件被触发时，要传递给事件处理函数的查看全部
举报
0/150
提交
取消