HTML onselect Event Attribute - HTML Form Events Attribute

The onselect event attribute in HTML triggers a script when a user selects some text within an element. It is part of the Event Attributes and is primarily used with text-based input elements like <input type="text"> and <textarea>.

Example of HTML onselect Event Attribute

It will Execute a JavaScript after some text has been selected in an <input> element.

index.html

Example: HTML

 <input type="text" onselect="myFunction()" value="Hello world!">

Output should be:

Definition and Usage of HTML onselect Event Attribute

The onselect attribute fires after some text has been selected in an element.

Browser Support of HTML onselect Event Attribute

Syntax of HTML onselect Event Attribute

<element onselect="script">

Attribute Values of HTML onselect Event Attribute

Value	Description
script	The script to be run on onselect

Technical Details of HTML onselect Event Attribute

Supported HTML tags:	<input type="file">, <input type="password">, <input type="text">, and <textarea>

How to add a JavaScript after some text has been selected in an <input> element

The function myFunction() is triggered when some text is selected in the input field. The function shows a message.

index.html

Example: HTML

<!DOCTYPE html>
<html>
<body>

Some text: <input type="text" value="Select me!!" onselect="myFunction()">

<p>The function myFunction() is triggered when some text is selected in the input field. The function shows a message.</p>

<script>
function myFunction() {
  alert("You have selected some text!");
}
</script>

</body>
</html>

Output should be:

html event attributes

Type:	Develop
Category:	Web Tutorial
Sub Category:	HTML Form Events Attribute
Uploaded by:	Admin

Read Article
https://develop.horje.com/learn/1434/reference