Home Web Front-end HTML Tutorial Events and methods of input text_html/css_WEB-ITnose

Events and methods of input text_html/css_WEB-ITnose

Jun 24, 2016 pm 12:03 PM
input text event method

Event Description
onactivate Fires when the object is set as the 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 a specific time error occurs, usually caused by setting a property to an invalid value.
Method Description
addBehavior Attach a behavior to the element.
appendChild appends a child element to the object.
applyElement makes an element a child or parent of other elements.
attachEvent Binds the specified function to an event so that it is called whenever the event fires on the object.
blur causes the element to lose focus and triggers the onblur event.
clearAttributes removes all tag attributes and values ​​from the object.
click triggers the onclick event to simulate a click.
cloneNode copies a reference to an object from the document hierarchy.
componentFromPoint returns the position of the object at the specified coordinates through a specific event.
contains checks whether the given element is contained in the object.
createTextRange creates a TextRange object for the element.
detachEvent Unbinds the specified function from the event so that the function is not notified when the event fires.
dragDrop initializes the drag event.
fireEvent triggers the specified event of the object.
focus causes the element to get focus and execute the code specified by the onfocus event.
getAdjacentText returns the adjacent text string.
getAttribute Gets the value of the specified tag attribute.
getAttributeNode gets the attribute object referenced by the attribute.name attribute.
getBoundingClientRect Gets the object bound to the specified TextRectangle object collection.
getClientRects Gets a collection of rectangles describing the content of the object or the layout in the client area. Each rectangle describes a straight line.
getExpression Gets the expression for a given property.
hasChildNodes Returns a value indicating whether the object has children.
insertAdjacentElement inserts an element at the specified position.
insertAdjacentHTML Inserts the given HTML text into the element at the specified position.
insertAdjacentText inserts the given text at the specified position.
insertBefore inserts elements into the document hierarchy.
mergeAttributes Copies all read/write tag attributes to the specified element.
normalize merges adjacent TextNode objects to generate a normal document object model.
releaseCapture releases the mouse capture of objects in the current document.
removeAttribute Removes the given tag attribute of the object.
removeAttributeNode removes the attribute object from the object.
removeBehavior The behavior of detaching elements.
removeChild removes the child node from the element.
removeExpression Removes an expression from the specified property.
removeNode removes an object from the document hierarchy.
replaceAdjacentText Replaces the adjacent text of an element.
replaceChild replaces existing child elements with new ones.
replaceNode replaces the object with other elements.
scrollIntoView scrolls the object into the visible range, arranging it to the top or bottom of the window.
select highlights the input area of ​​the form element.
setActive sets the object as the current object without focusing the object.
setAttribute sets the value of the specified tag attribute.
setAttributeNode sets the attribute object as part of the object.
setCapture sets the mouse capture of objects belonging to the current document.
setExpression sets the expression of the specified object.
swapNode swaps the positions of two objects in the document hierarchy.

Statement of this Website
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

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

How to delete WeChat friends? How to delete WeChat friends How to delete WeChat friends? How to delete WeChat friends Mar 04, 2024 am 11:10 AM

WeChat is one of the mainstream chat tools. We can meet new friends, contact old friends and maintain the friendship between friends through WeChat. Just as there is no such thing as a banquet that never ends, disagreements will inevitably occur when people get along with each other. When a person extremely affects your mood, or you find that your views are inconsistent when you get along, and you can no longer communicate, then we may need to delete WeChat friends. How to delete WeChat friends? The first step to delete WeChat friends: tap [Address Book] on the main WeChat interface; the second step: click on the friend you want to delete and enter [Details]; the third step: click [...] in the upper right corner; Step 4: Click [Delete] below; Step 5: After understanding the page prompts, click [Delete Contact]; Warm

How to write a novel in the Tomato Free Novel app. Share the tutorial on how to write a novel in Tomato Novel. How to write a novel in the Tomato Free Novel app. Share the tutorial on how to write a novel in Tomato Novel. Mar 28, 2024 pm 12:50 PM

Tomato Novel is a very popular novel reading software. We often have new novels and comics to read in Tomato Novel. Every novel and comic is very interesting. Many friends also want to write novels. Earn pocket money and edit the content of the novel you want to write into text. So how do we write the novel in it? My friends don’t know, so let’s go to this site together. Let’s take some time to look at an introduction to how to write a novel. Share the Tomato novel tutorial on how to write a novel. 1. First open the Tomato free novel app on your mobile phone and click on Personal Center - Writer Center. 2. Jump to the Tomato Writer Assistant page - click on Create a new book at the end of the novel.

How to enter bios on Colorful motherboard? Teach you two methods How to enter bios on Colorful motherboard? Teach you two methods Mar 13, 2024 pm 06:01 PM

Colorful motherboards enjoy high popularity and market share in the Chinese domestic market, but some users of Colorful motherboards still don’t know how to enter the bios for settings? In response to this situation, the editor has specially brought you two methods to enter the colorful motherboard bios. Come and try it! Method 1: Use the U disk startup shortcut key to directly enter the U disk installation system. The shortcut key for the Colorful motherboard to start the U disk with one click is ESC or F11. First, use Black Shark Installation Master to create a Black Shark U disk boot disk, and then turn on the computer. When you see the startup screen, continuously press the ESC or F11 key on the keyboard to enter a window for sequential selection of startup items. Move the cursor to the place where "USB" is displayed, and then

How to recover deleted contacts on WeChat (simple tutorial tells you how to recover deleted contacts) How to recover deleted contacts on WeChat (simple tutorial tells you how to recover deleted contacts) May 01, 2024 pm 12:01 PM

Unfortunately, people often delete certain contacts accidentally for some reasons. WeChat is a widely used social software. To help users solve this problem, this article will introduce how to retrieve deleted contacts in a simple way. 1. Understand the WeChat contact deletion mechanism. This provides us with the possibility to retrieve deleted contacts. The contact deletion mechanism in WeChat removes them from the address book, but does not delete them completely. 2. Use WeChat’s built-in “Contact Book Recovery” function. WeChat provides “Contact Book Recovery” to save time and energy. Users can quickly retrieve previously deleted contacts through this function. 3. Enter the WeChat settings page and click the lower right corner, open the WeChat application "Me" and click the settings icon in the upper right corner to enter the settings page.

How to set font size on mobile phone (easily adjust font size on mobile phone) How to set font size on mobile phone (easily adjust font size on mobile phone) May 07, 2024 pm 03:34 PM

Setting font size has become an important personalization requirement as mobile phones become an important tool in people's daily lives. In order to meet the needs of different users, this article will introduce how to improve the mobile phone use experience and adjust the font size of the mobile phone through simple operations. Why do you need to adjust the font size of your mobile phone - Adjusting the font size can make the text clearer and easier to read - Suitable for the reading needs of users of different ages - Convenient for users with poor vision to use the font size setting function of the mobile phone system - How to enter the system settings interface - In Find and enter the "Display" option in the settings interface - find the "Font Size" option and adjust it. Adjust the font size with a third-party application - download and install an application that supports font size adjustment - open the application and enter the relevant settings interface - according to the individual

Summary of methods to obtain administrator rights in Win11 Summary of methods to obtain administrator rights in Win11 Mar 09, 2024 am 08:45 AM

A summary of how to obtain Win11 administrator rights. In the Windows 11 operating system, administrator rights are one of the very important permissions that allow users to perform various operations on the system. Sometimes, we may need to obtain administrator rights to complete some operations, such as installing software, modifying system settings, etc. The following summarizes some methods for obtaining Win11 administrator rights, I hope it can help you. 1. Use shortcut keys. In Windows 11 system, you can quickly open the command prompt through shortcut keys.

The secret of hatching mobile dragon eggs is revealed (step by step to teach you how to successfully hatch mobile dragon eggs) The secret of hatching mobile dragon eggs is revealed (step by step to teach you how to successfully hatch mobile dragon eggs) May 04, 2024 pm 06:01 PM

Mobile games have become an integral part of people's lives with the development of technology. It has attracted the attention of many players with its cute dragon egg image and interesting hatching process, and one of the games that has attracted much attention is the mobile version of Dragon Egg. To help players better cultivate and grow their own dragons in the game, this article will introduce to you how to hatch dragon eggs in the mobile version. 1. Choose the appropriate type of dragon egg. Players need to carefully choose the type of dragon egg that they like and suit themselves, based on the different types of dragon egg attributes and abilities provided in the game. 2. Upgrade the level of the incubation machine. Players need to improve the level of the incubation machine by completing tasks and collecting props. The level of the incubation machine determines the hatching speed and hatching success rate. 3. Collect the resources required for hatching. Players need to be in the game

Detailed explanation of Oracle version query method Detailed explanation of Oracle version query method Mar 07, 2024 pm 09:21 PM

Detailed explanation of Oracle version query method Oracle is one of the most popular relational database management systems in the world. It provides rich functions and powerful performance and is widely used in enterprises. In the process of database management and development, it is very important to understand the version of the Oracle database. This article will introduce in detail how to query the version information of the Oracle database and give specific code examples. Query the database version of the SQL statement in the Oracle database by executing a simple SQL statement

See all articles