JQuery event integration and jquery Integration

JQuery event integration and jquery Integration
I. jQuery Event 1. focus () elements get focus

 

2. blur () elements lose focus

3. The value of the change () form element changes (it can be used to verify whether the user name exists)

4. click ()

5. Double-click the dbclick () mouse. 6. Click mouseover () to enter the mouse (it is also triggered when the sub-element is entered)

7. mouseout () move the mouse away (also triggered when the child element is left)

8. mouseenter () move the mouse to enter the child element, which is not triggered)

9. mouseleave () move the mouse away (leaving the child element is not triggered)

10. hover () specifies the processing function for both the mouseenter and mouseleave events.

Usage: $ (sector). hover (function () {run function 1} with the mouse, function () {run function 2 with the mouse left })

11. mouseup () loosen the mouse 12, mousedown () press the mouse 13, mousemove () move the mouse inside the element 14, keydown () press the keyboard 15, keypress () press the keyboard 16 and keyup () to release the keyboard

17. load () element loaded

18. ready () DOM loaded

19. The size of the resize () browser window has changed.

 

20. The position of the scroll () scroll bar is changed to 21. The select () user selects the content of the text box 22. The submit () user submits the Form 23. The toggle () is based on the number of mouse clicks, run multiple functions 24 in sequence, unload () User leaves page 2, bind Event 1, bind ("event name 1 event name 2", function () {// execute code })

3. unbind events 1. unbind ("event name ")

4. Active trigger and Custom trigger 1. Active trigger

You can use the trigger method on the jquery object to trigger events bound to the object.

2. Custom events

In addition to system events, you can use the bind method to customize events and trigger these events using the trigger method.