jQuery select event method; Through this tutorial, i am going to show you what is jquery select() event method and how to use it with HTML elements.
jQuery Select Event Method
The select event occurs when a text is selected (marked) in the text field or text field. This event is limited to the field and box. When the select occurs, the select() method encloses a function to run.
Syntax jQuery Select Event Method
$(selector).select()
It triggers a selected event for the selected elements.
$(selector).select(function)
Parameters of jQuery Select Event Method
| Parameter | Description |
| Function | It is an optional parameter. It is used to specify the function to run when the select event is executed. |
Example of jQuery Select Event Method
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("input").select(function(){
alert("Text marked!");
});
});
</script>
</head>
<body>
<input type="text" value="Hello World">
<p>Select some text inside the input field.</p>
</body>
</html>
Demo of jQuery Select Event Method
Select some text inside the input field.
Recommended jQuery Tutorials
Recommended:-How to Get Element by class, name, id in jQuery
Recommended:-jQuery Events List with Example
Recommended:-jQuery Click() Event Example
Recommended:-jQuery Blur Event Method Example
Recommended:-jQuery Focus () Event Method Example