jquery鼠标事件

王朝学院·作者佚名  2016-08-27
窄屏简体版  字體: 小  |  中  |  大  |  超大  

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();

});

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航