Disable an element from getting selected - Jquery & CSS

Question

I have the following html -:

<div contenteditable="true">Hey man <a class="ddt">Harry</a></div>

I would want that the user is not able to select the a.ddt element. In simple words, all other contents inside the div can be selected, but the a.ddt cannot be selected.

How do i do this... Thanks for help.

can you expand on what you mean by selected? do you mean that the user should not be able to click the link? Or the user should not be able to tab to the link? Or something else? — Pete Uh, Apr 29 '13 at 13:00

score 1 · Answer 1 · edited Jun 20 '20 at 09:12

1

Disabling Selection in jQuery, Can be invoked through $('.button').disableSelection();

Alternately, using CSS (cross-browser):

.button {

    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none;  }

original post by aleemb.

edited Jun 20 '20 at 09:12

Community

1
1

answered Apr 29 '13 at 13:50

Terning

144
2
10

score 0 · Answer 2 · answered Apr 29 '13 at 12:59

0

It is not possible to add such a limitation on the DOM.

answered Apr 29 '13 at 12:59

Ben

60,438
111
314
488

score 0 · Answer 3 · edited May 23 '17 at 11:57

0

Are you talking about diabling selection using mouse?

If yes, then you should see this

How to disable text selection using jQuery?

edited May 23 '17 at 11:57

Community

1
1

answered Apr 29 '13 at 13:02

U.P

7,357
7
39
61

This is not an answer. Please use comment section – suresh gopal Apr 29 '13 at 13:05

Disable an element from getting selected - Jquery & CSS

3 Answers3