jquery鼠标事件

时间:2022-04-23
本文章向大家介绍jquery鼠标事件,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

click()   为点击事件绑定一个事件处理函数,或者触发元素点击事件。   .click( handler(eventObject) )     handler(eventObject)       每次事件触发时候执行的函数。   .click([eventData],handler(eventObject))     eventData       一个对象,它包含的数据键值对应映射将被传递给事件处理程序。   handler(eventObject)     每次事件触发时候执行的函数。   .click()     这个方法不接受任何参数。   用法:     在页面上所有段落上触发click事件     $("p").click(); .dblclick()   为双击事件绑定一个事件处理函数,或者触发元素双击事件。   .dblclick( handler(eventObject) )     handler(eventObject)       每次事件触发时候执行的函数。   .dblclick([eventData],handler(eventObject))     eventData       一个对象,它包含的数据键值对应映射将被传递给事件处理程序。     handler(eventObject)       每次事件触发时候执行的函数。     .dblclick()       这个方法不接受任何参数。   用法:   在页面上所有段落上触发dblclick事件   $("p").dblclick();     $('#target').dblclick(function() {       alert('Handler for .dblclick() called.');   }); .focusin()   将一个事件函数绑定到获得焦点事件上。   .focusin(handler)     handler       每次事件出发会执行的函数。   .focusin([eventData],handler)     eventData       一个对象,它包含的数据键值对映射将被传递给事件处理程序。     handler       每次事件出发会执行的函数。   用法:   $("p").focusin(function() {     $(this).find("span").css('display','inline').fadeOut(1000);   }); //当p 内获得焦点的时候执行此函数。 .focusout()   将一个事件函数绑定到失去焦点事件上。   .focusout(handler)     handler       每次事件出发会执行的函数。   .focusout([eventData],handler)     eventData       一个对象,它包含的数据键值对映射将被传递给事件处理程序。     handler       每次事件出发会执行的函数。   用法:     $("p").focusout(function() {       $(this).find("span").css('display','inline').fadeOut(1000);     }); //当p 内失去焦点的时候执行此函数。 .hover()   将两个时间函数绑定到匹配元素上,分别当鼠标指针进入和离开元素时被被执行。   .hover(handlerIn(eventObject),handlerOut(eventObject))     handlerIn(eventObject)       当鼠标指针进入元素时触发执行的事件函数。     handlerOut       当鼠标指针离开元素时候触发执行的事件函数。   用法:     $("td").hover(       function(){         $(this).addClass("hover");       },       function(){         $(this).removeClass("hover")       }     );     鼠标在表格单元格中来回滑动的时候添加特殊的样式,     解除绑定上面的例子中使用:     $("td").unbind('mouseenter mouseleave'); .mousedown()   当鼠标按下的时候绑定的事件处理函数,触发的事件。   .mousedown(handler(eventObject))     handlerIn(eventObject)       每一次事件触发时会执行的函数。   .mousedown([eventData],handler(eventObject))     eventData       一个对象,它包含的数据键值对映射将被传递给事件处理程序。     handler(eventObject)       每次事件触发时会执行的函数。   .mousedown()     这个方法不接受任何参数。   用法:   $('#target').mousedown(function() {     alert('Handler for .mousedown() called.');   }); .mouseenter()   当鼠标指针进入穿过元素时候触发的事件。   .mouseenter( handler(eventObject) )     handler(eventObject)       每次事件触发时会执行的函数。   .mouseenter( [eventData ], handler(eventObject) )     eventData       一个对象,它包含的数据键值对映射将被传递给事件处理程序。     handler(eventObject)       每次事件触发时会执行的函数。   用法:     $("p").mouseenter(function(){       $("p").css("background-color","yellow");     }); .mouseleave()   当鼠标指针离开元素时候触发的事件。   .mouseleave( handler(eventObject) )     handler(eventObject)       每次事件触发时会执行的函数。   .mouseleave( [eventData ], handler(eventObject) )     eventData       一个对象,它包含的数据键值对映射将被传递给事件处理程序。     handler(eventObject)       每次事件触发时会执行的函数。   用法:   $("p").mouseleave(function(){     $("p").css("background-color","yellow");   }); .mousemove()   当鼠标指针在指定的元素中移动时触发事件。   .mousemove( handler(eventObject) )     handler(eventObject)       每次事件触发时会执行的函数。   .mousemove( [eventData ], handler(eventObject) )     eventData       一个对象,它包含的数据键值对映射将被传递给事件处理程序。     handler(eventObject)       每次事件触发时会执行的函数。   用法:     $(document).mousemove(function(e){       $("span").text(e.pageX + ", " + e.pageY);     }); .mouseout()   当鼠标指针从元素上离开时触发的函数。   .mouseout( handler(eventObject) )     handler(eventObject)       每次事件触发时会执行的函数。   .mouseout( [eventData ], handler(eventObject) )     eventData       一个对象,它包含的数据键值对映射将被传递给事件处理程序。     handler(eventObject)       每次事件触发时会执行的函数。   用法:   $("p").mouseout(function(){     ("p").css("background-color","#E9E9E4");   }); .mouseover()   当鼠标指针位于元素上方时触发的事件。   .mouseover( handler(eventObject) )     handler(eventObject)       每次事件触发时会执行的函数。   .mouseover( [eventData ], handler(eventObject) )     eventData       一个对象,它包含的数据键值对映射将被传递给事件处理程序。     handler(eventObject)       每次事件触发时会执行的函数。   用法:     $("p").mouseover(function(){       $("p").css("background-color","yellow");     }); .mouseup()   当在元素上放松鼠按钮时触发的事件。   .mouseup( handler(eventObject) )     handler(eventObject)       每次事件触发时会执行的函数。   .mouseup( [eventData ], handler(eventObject) )     eventData       一个对象,它包含的数据键值对映射将被传递给事件处理程序。     handler(eventObject)       每次事件触发时会执行的函数。   用法:     $("button").mouseup(function(){       $("p").slideToggle();   });