disable text selection and add exceptions

Question

if i use this style for the <body>

onmousedown='return false;' onselectstart='return false;'

is it possible to give the exceptions by using javascript for inputs textareas and selects? and if yes then can u show me how?

score 2 · Accepted Answer · edited May 23 '17 at 11:47

2

Actually, you can disable text selection without needing heavy-handed JavaScript event handlers. See my answer here: How to disable text selection highlighting using CSS?

Summary: use CSS and the unselectable expando in IE.

CSS:

*.unselectable {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -o-user-select: none;
   user-select: none;
}

HTML:

<div id="foo" unselectable="on" class="unselectable">...</div>

edited May 23 '17 at 11:47

Community

1
1

answered Jan 17 '11 at 10:48

Tim Down

318,141
75
454
536

ok it will turn off the selection of text but how do i select inputs textareas and select buttons? – abrabr Jan 17 '11 at 11:44
Doing this still allows you to select text within inputs and textareas. – Tim Down Jan 17 '11 at 12:23
yeah yeah ) i've tested it, but it doesnt work in Opera... :( – abrabr Jan 17 '11 at 13:27
Really? Works fine for me in Opera. Have you got a test page I can see? – Tim Down Jan 17 '11 at 15:00

rahul · Answer 2 · 2011-01-17T10:41:15.433

0

You need to prevent event bubbling for textboxes and selects.

You can use :input selector to select all input, textarea, select and button elements.

Something like

$(":input").bind("mousedown", function(e){
    e.stopPropagation();
});

See a working demo

edited Jan 17 '11 at 10:41

answered Jan 17 '11 at 10:35

rahul

184,426
49
232
263

but u blocked the body content by using javascript, i wanted to block by using css, and add exceptions by javascript – abrabr Jan 17 '11 at 11:46

disable text selection and add exceptions

2 Answers2

Linked