1. Click and Dbclick Events
Click: Clicking Events
Dbclick: Double-click event
Method One: $ele. Click ()
Method Two: $ele. Click (Handler (EventObject))
Method Three: $ele. Click ([EventData], Handler (EventObject))
Note: It is not advisable to bind both click and Dbclick events on the same element. The order in which each browser event is triggered is different.
2. MouseDown and MouseUp events
MouseDown: mouse-pressed action
MouseUp: Mouse Release action
Method One: $ele. MouseDown ()
Method Two: $ele. MouseDown (Handler (EventObject))
Method Three: $ele. MouseDown ([EventData], Handler (EventObject))
3. MouseMove Events
MouseMove: Listens for user-moved actions.
4. MouseOver and Mouseout Events
MouseOver: Move in
Mouseout: Remove
5. MouseEnter and MouseLeave Events
Listens to whether the user moves to an internal operation.
The MouseEnter Javescript event is proprietary to Internet Explorer. Because of the usefulness of this event, jquery simulates this event so that it can be used in all browsers. The event is triggered when the mouse is moved into the element, and any HTML element can accept this event.
The difference between MouseEnter events and MouseOver:
The key point is: The bubbling way to handle the problem.
6. Hover Events
7. Focusin Events
The event that is triggered when an element acquires focus.
8. Focusout Events
The event that is triggered when an element loses focus.
9. Focus and Blur events
10. Change Event
The value of <input><textarea><select> can be changed and can be monitored by the change event.
11. Select Event
The Select event occurs when the text in the input element of the textarea or text type is selected.
Note: The Select event can only be used for <input> elements and <textarea> elements
12. Submit Event
13, KeyDown () and KeyUp () events
Keyboard press and let-down events
14. KeyPress () event
Binding the KeyDown event on the INPUT element will find a problem:
Each fetch is previously entered, and the current input is not available.
15, ON () multi-event binding
Basic usage:. On (events, [selector], [data])
16. Unload event Off ()
The role of the JQuery event object
Event delegate
Event objects are objects that are used to record information about events that occur. Event objects are only generated when an event occurs, and can only be accessed internally by the event handler, and the event object is destroyed after all event handler functions have finished running
18. JQuery Event Object Properties and methods
Event.type: Gets the type of event
Event.pagex and Event.pagey: Gets the current coordinates of the mouse relative to the page
Event.preventdefault () Method: block default behavior
Event.stoppropagation () Method: Block Event bubbling
Event.which: Gets which key of the mouse is clicked when the mouse is clicked
Event.currenttarget: The current DOM element in the event bubbling process
19. Trigger Events
jquery Basics-Events