Mobile Site - Make elements not selectable

Question

Hello I am trying to disable selecting items on my mobile site. I can do this fine on a normal site with the following css class

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

but it does not work on the mobile. I am using AngularJS Is there something to disable the user from selecting items via touch?

Check this out: http://stackoverflow.com/questions/11237936/mobile-web-disable-long-touch-taphold-text-selection — Zach Leighton, Apr 15 '15 at 18:28

score 0 · Answer 1 · answered Apr 15 '15 at 18:32

The most standard way to do this is with the disabled="disabled" attribute value pair in the HTML element you want to disable.

<input type="text" disabled="disabled" />

Is there a reason you're not using this? Perhaps I am misunderstanding the question?

score 0 · Answer 2 · answered Apr 15 '15 at 18:39

0

I usually use something like this:

    document.getElementById("Id").disabled = true;

I don't particularly understand why you are recreating something that has essentially been implemented already.

answered Apr 15 '15 at 18:39

Matt

18
6

Mobile Site - Make elements not selectable

2 Answers2