JavaScript - disable text selection

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
function SelectionLocker(element) {
    var classes = element.classList;
    var action = function(e) {
        e.preventDefault();
    };
    this.enable = function() {
        element.addEventListener('selectstart', action, false);
    };
    this.disable = function() {
        element.removeEventListener('selectstart', action, false);
    };
}


// Usage example:

var locker = new SelectionLocker(document.documentElement);  // document.body  or  document.querySelector('#element')

locker.enable();   // disables selection (in this case web page selection because of `document.body` usage)
locker.disable();  // enables selection (in this case web page selection because of `document.body` usage)



// See also:
//
//     1. https://dirask.com/snippets/JavaScript-disable-text-selection-1XPm81
//     2. https://dirask.com/snippets/JavaScript-disable-text-selection-D7dLwp