Home >Web Front-end >JS Tutorial >About jquery input textare event binding and usage learning_jquery

About jquery input textare event binding and usage learning_jquery

WBOY
WBOYOriginal
2016-05-16 17:38:24945browse
(1)jquery binding event
Currently 1.7 or above, jquery event binding has replaced the original bind with on;
Difference: (personal understanding) bind is a binding event to Each child node; on is only bound to the parent node, and then bubbles up to each child node;

Usage: bind
One event, one method: $(". class input").bind('click',function(e){...;e.stopPropagation;})
Two events, one method: $(".class input").bind('click mouseover ',function(e){...;e.stopPropagation;})
Two events, two methods: $(".class input").bind({ click:function(e){... ;e.stopPropagation;}, mouseover:function(e){...;e.stopPropagation;} })
on, you can directly replace bind, which means that the above usage is applicable to on;
In addition , on has two more optional parameters than bind
on( events [, selector ] [, data ], handler(eventObject) )

selector: the element to be bound, the above example can be written as :$(".class").bind('click','input',function(e){...;e.stopPropagation;})
(It should be noted that there is an event that is difficult to use. It is a unique event under 'Shit' ie: onpropertychange;
Can be used: $(".class input").bind('propertychange',function(e){...;e.stopPropagation;})
No response: $(".class").bind('propertychange','input',function(e){...;e.stopPropagation;})
)

data: Parameters passed to event.data, $(".class").bind('click','input','123',function(e){alert(e.data/*123*/);e.stopPropagation ;})
(For more specific usage, please check the manual http://api.jquery.com/on/);

(2) input textare event done before
When a text box content real-time change event is triggered, use onkeyup onchange; but onchang must be triggered after the text box is out of focus. Later I found that it can be handled with
(if IE) onpropertychange else oninput.

Note:
The oninput event is triggered when the user inputs, backspaces, deletes, cuts, pastes, and mouse cuts and pastes (it may be slightly different in IE9&IE9).
(Firefox, Chrome, IE9 & IE9 all support)
onpropertychange event is triggered when user input, backspace, delete, cut, paste and mouse cut and paste
(only supported by IE).

(3) Common events(http://www.jb51.net/article/25583.htm)
oncut event in paste (ctrl v ), triggered when the mouse is pasted
onactivate triggered when the object is set as an active element.
onafterupdate is triggered on the data binding object after the associated object in the data source object is successfully updated.
onbeforeactivate The object is triggered immediately before it is set to the current element.
onbeforecut Fires on the source object before the selected region is deleted from the document.
onbeforedeactivate is triggered immediately before activeElement changes from the current object to another object in the parent document.
onbeforeeditfocus is triggered before the object contained in the editable element enters the user interface activation state or before the editable container becomes the control selection area.
onbeforepaste Fires on the target object before the selection is pasted from the system clipboard to the document.
onbeforeupdate is triggered on the data binding object before the associated object in the data source object is successfully updated.
onblur is triggered when the object loses input focus.
onchange Triggered when the object or the content of the selected area changes.
onclick is triggered when the user clicks on an object with the left mouse button.
oncontextmenu Fires when the user right-clicks the client area to open the context menu.
oncontrolselect Fires when the user is about to create a control selection for the object.
oncut Fires on the source element when an object or selection is removed from the document and added to the system clipboard.
ondblclick Fires when the user double-clicks the object.
ondeactivate is triggered when activeElement changes from the current object to another object in the parent document.
ondrag Fires continuously on the source object when a drag operation is performed.
ondragend Fires on the source object when the user releases the mouse after the drag operation has ended.
ondragenter is triggered on the target element when the user drags an object to a legal drag target.
ondragleave is triggered on the target object when the user moves the mouse out of a legal drag target during a drag operation.
Ondragover continues to be triggered on the target element when the user drags the object across the legal drag target.
ondragstart Fires on the source object when the user starts dragging the text selection area or selected object.
ondrop Fires on the target object when the mouse button is released during a drag operation.
onerrorupdate is triggered on the data binding object when an error occurs while updating the associated data in the data source object.
onfilterchange Fires when a visual filter changes state or completes a transition.
onfocus Fires when the object gains focus.
onfocusin Fires before the element is about to be set to focus.
onfocusout is triggered on the element that currently has focus immediately after moving focus to other elements.
onhelp Fires when the user presses the F1 key while the browser is the current window.
onkeydown Fires when the user presses a keyboard key.
onkeypress Fires when the user presses a literal key.
onkeyup Fires when the user releases a keyboard key.
onlosecapture Fires when the object loses mouse capture.
onmousedown Fires when the user clicks on an object with any mouse button.
onmouseenter Fires when the user moves the mouse pointer inside the object.
onmouseleave Fires when the user moves the mouse pointer outside the bounds of the object.
onmousemove is triggered when the user moves the mouse over an object.
onmouseout Fires when the user moves the mouse pointer outside the bounds of the object.
onmouseover Fires when the user moves the mouse pointer inside the object.
onmouseup Fires when the user releases the mouse button while the mouse is over an object.
onmousewheel Fires when the mouse wheel button is rotated.
onmove Fires when the object moves.
onmoveend Fires when the object stops moving.
onmovestart Fires when the object starts moving.
onpaste Fires on the target object when the user pastes data to transfer data from the system clipboard to the document.
onpropertychange Fires when a property change occurs on an object.
onreadystatechange is triggered when the object state changes.
onresize Fires when the size of the object is about to change.
onresizeend is triggered when the user changes the size of the object in the selection area of ​​the control.
onresizestart Fires when the user starts to change the size of the object in the selection area of ​​the control.
onselect is triggered when the current selection changes.
onselectstart triggers when the object is about to be selected.
ontimeerror Fires unconditionally when an error occurs at a specific time, usually caused by setting a property to an invalid value
Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn