Ev Onselect

## HTML onselect Event Attribute The `onselect` event attribute fires immediately after a user selects (highlights) some text inside a text-based form element. --- ## Browser Support The `onselect` attribute is universally supported across all major modern web browsers: * Google Chrome * Mozilla Firefox * Microsoft Edge / Internet Explorer * Safari * Opera --- ## Definition and Usage The `onselect` attribute is triggered when a user selects text within specific input elements. ### Supported Elements The `onselect` attribute can only be used on the following HTML elements: * `` * `` * `` * `

`
* `<keygen>` (Deprecated in modern HTML5)

### HTML 4.01 vs. HTML5
There are no differences in the behavior of the `onselect` attribute between HTML 4.01 and HTML5.

---

## Syntax

You can define the event handler directly in the HTML markup:

```html
<element onselect="script">
```

### Attribute Values

---

## Code Examples

### Example 1: Inline HTML Attribute
This example triggers a JavaScript function when text inside an `<input>` field is selected.

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>onselect Event Example</title>
    
</head>
<body>

<p>Select some text in the input field below:</p>
    <input type="text" onselect="showMsg()" value="Hello world!">

<script>
  // Placeholder for Google Analytics
</script>

</body>
</html>
```

### Example 2: Using JavaScript Event Listener (Recommended)
For cleaner code separation, it is highly recommended to bind the event handler using JavaScript instead of inline HTML attributes.

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>onselect Event Listener Example</title>
</head>
<body>

<p>Select some text in the textarea below:</p>
    <textarea id="myTextarea" rows="4" cols="30">Drag your mouse to select some of this text.

``` --- ## Technical Considerations * **Selection Range:** When handling the `select` event in JavaScript, you can retrieve the exact text selected by the user using the `selectionStart` and `selectionEnd` properties of the input element (as demonstrated in Example 2). * **Global Text Selection:** The HTML `onselect` attribute only applies to form input elements. If you need to detect text selection anywhere else on a webpage (such as within `

` or `

` tags), you should use the standard JavaScript `document.onselectionchange` event or the `window.getSelection()` API.

YouTip

Ev Onselect

📂 Categories