jquery鼠标事件

痛定思痛。 2023-06-11 05:20 2阅读 0赞

**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();  
　　\});

更多专业前端知识，请上 **【猿2048】www.mk2048.com**