jQuery has the .select() method, which lets you execute a function when text is selected in a text area.

Unfortunately, there is no corresponding .deselect() method for executing a function when the user removes a selection.

How can I detect when the user has unselected the text (for example, by typing, clicking, or defocusing)?

jQuery has the .select() method, which lets you execute a function when text is selected in a text area.

Unfortunately, there is no corresponding .deselect() method for executing a function when the user removes a selection.

How can I detect when the user has unselected the text (for example, by typing, clicking, or defocusing)?

• javascript
• jquery

Share Improve this question Follow asked Mar 13, 2012 at 23:28 Amanda SAmanda S 3,29444 gold badges3535 silver badges4545 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 4

$("textarea").select(function() {
    //do something here
});

$("textarea").on("blur focus keydown mousedown", function() {
    //do something else here
});​

.on is used in jquery 1.7 and later. Prior to that you can use .delegate or .live

http://jsfiddle/s29Vb/4/

It was simplified for the example. You can be more specific with the selector rather than $("textarea").

Another example if you want to do something on blur focus keydown mousedown only if text has been selected in the first place.

http://jsfiddle/s29Vb/5/