jquery Events--mouse events

Source: Internet
Author: User

mouse events. Click (),. Dbclick (),. MouseDown (), and. MouseUp ()

1. Click () to monitor the user's stand-alone operation

2. Dbclick () for listening user double-click operation

3 $ele. Click () binds the $ele element, with no arguments typically used to specify the triggering of an event

4 $ele. Click (Handler (eventobject)) binds the $ele element, each time the $ele element triggers a click action executes the callback handler function, can do a lot of action on the feedback of the event, This in the method is the element that points to the binding event

5 $ele. Click ([Eventdata],handler (EventObject)) binds the $ele element, each time the $ele element triggers the Click action executes the callback handler function, can do many actions for the feedback of the event, The This in the method is the element that points to the binding event and can also accept a data parameter in order to solve the problem of data transfer under different scopes

6 . Click () is composed of MouseDown and mouseup2 actions, so the click action is only triggered after letting go.

7. Dbclick () is superimposed by 2 Click, so the DblClick event can only be triggered if the following 4 conditions are met

When the mouse pointer is inside the element, click

Release when mouse pointer is inside the element

The mouse pointer inside the element when the click again, click the interval is the system specified

When the mouse pointer is inside the element, it is released again

8 binding Both the Click and DblClick events on the same element is undesirable, and users can configure double-click sensitivity via different operating systems and browsers

9 The triggering order of each browser is different, some browsers accept two click events before DblClick, while some browsers accept only one click event

MouseDown () Listen for user mouse down action

MouseUp () Listen for the action of the user's mouse bounce

$ele. MouseDown () binds the $ele element, without any parameters, to specify that an event is triggered

$ele. MouseDown (Handler (eventobject)) binds $ele elements, each time the $ele element triggers a click action executes a callback handler function that can do many things for the feedback of the event

$ele. MouseDown ([Eventdata],handler (EventObject)) binds $ele elements, each time the $ele element triggers a click operation executes the callback handler function, which can accept a data parameter, is to solve the problem of data transfer under different scopes

MouseDown () event-triggered requirements

. MouseDown () is the emphasis on the trigger

Hold down the mouse on an element, drag the mouse away from this element, release the mouse button, which is also the . MouseDown () event

Any mouse button can be triggered when it is pressed . MouseDown () event

Use the event object's which difference button to hit the left mouse button which value is 1, hit the mouse button which the value is 2, the right mouse button to which the value is 3

MouseUp () event-triggered requirements

The . MouseUp () emphasizes the trigger to let go, contrary to. MouseDown ()

the. MouseUp () combined with. MouseDown () is the Click event

Pressing the mouse button on an element, dragging the mouse away from this element, releasing the mouse button, which is also the . MouseUp () event

Use the event object's which difference button to hit the left mouse button which value is 1, hit the mouse button which the value is 2, the right mouse button to which the value is 3

Any mouse button can be triggered when let go. MouseUp () event

jquery Events--mouse events

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.