Select event for a div element

Question

This is my sample code. The select function is not working. What I'm doing wrong here. Browser chrome, OS Windows 7.

<!DOCTYPE html>
<html>
<head>
  <style>
  p { color:blue; }
  div { color:red; }
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <p>
    Click and drag the mouse to select text in the inputs.
  </p>
  <div id="b">Some text in div element</div>


  <div id="a"></div>
<script>
    $(document).ready(function(){
          $("#b").select( function () { 
          $("#a").text("Something was selected").show().fadeOut(1000); 
        });
    });
</script>

</body>
</html>

score 4 · Accepted Answer · answered Mar 02 '12 at 18:57

4

jQuery's .select works on <input type="text"> fields and <textarea> boxes, not divs.

answered Mar 02 '12 at 18:57

John Pick

5,562
31
31

Is there any other way to implement this functionality for
element?
– Abhishek Mar 02 '12 at 19:01
The New York Times seems to be able to do what you need, but you'll have to figure out how it works: http://graphics8.nytimes.com/js/common/screen/altClickToSearch.js – John Pick Mar 02 '12 at 19:06
You can have a look at this question http://stackoverflow.com/questions/985272/jquery-selecting-text-in-an-element-akin-to-highlighting-with-your-mouse – Ronald Mar 02 '12 at 19:08
here's an example of how to do this manually: http://motyar.blogspot.de/2010/02/get-user-selected-text-with-jquery-and.html – Tobias Domhan Oct 28 '14 at 07:45

score 2 · Answer 2 · answered Mar 02 '12 at 18:56

2

<div="a"></div>

should be

<div id="a"></div>

answered Mar 02 '12 at 18:56

joakimdahlstrom

1,575
1
11
23

Please see the updated question. Thanks for notifying me but that's a typing error. – Abhishek Mar 02 '12 at 18:58
then look at @John Pick's answer. – joakimdahlstrom Mar 02 '12 at 18:59

score 0 · Answer 3 · edited Apr 15 '14 at 16:12

0

From the jQuery documentation:

"This event is limited to <input type="text"> fields and <textarea> boxes." http://api.jquery.com/select/

It won't work for a div.

edited Apr 15 '14 at 16:12

Jason Aller

3,541
28
38
38

answered Mar 02 '12 at 18:58

Ronald

1,990
6
24
39

Select event for a div element

3 Answers3