jQuery Mouse events



Interaction


$("Element").hover(over, out)

Simulates a mouse-over event that triggers an over and out event when the mouse moves out of the selected element. Parameters: over: function Out: function


$("Element").toggle(function, function)

Similar to the above method, when the mouse first time to trigger the former, when the second mouse click when the latter trigger.


Mouse click


$("Element").click()


$("Element").click(function)

When the mouse click on the trigger, the specific application method I do not want to explain the specific. Because we read my past written cases have been counted.

Double-click the mouse:


$("Element").dblclick()


$("Element").dblclick(function)

As with the mouse click, except that this is a mouse double click event. This means that only the mouse on the selected element double-click to trigger this event. Dbl is an abbreviation for Double.


Mouse click before and after:


$("Element").mousedown(function)

When the mouse clicks after the trigger, from the surface point of view similar to the click event, in fact, essentially different.


$("Element").mouseup(function)

When the mouse click release when the trigger. Is the mouse click on the element when you release the mouse button when triggered.


Move the mouse


$("Element").mousemove(function)

Fires when the mouse moves back and forth over the selected element.


$("Element").mouseover(function)

Fires when the mouse moves over the selected element range.


$("Element").mouseenter(function)

Fires when the mouse moves over the selected element range. And mouseover is a big difference is that it does not bubble event, click on the child element will not trigger the parent element


$("Element").mouseout(function)

Fires when the mouse moves out of the selected element range.


$("Element").mouseleave(function)

Fires when the mouse moves out of the selected element range. Like the mouseenter, it is not a bubbling event




Copyright 2014-2017 by DeveloperTut.com. All Rights Reserved.
TwitterGoogle+Facebook