javascript - How to disable selection of text on a web page

Question

I am trying to make webpage very native. How to remove select,select all property in webpage?

question from:https://stackoverflow.com/questions/12315476/how-to-disable-selection-of-text-on-a-web-page

Answer 1

Disable selection of every element with CSS

body {
  -webkit-user-select: none;
     -moz-user-select: -moz-none;
      -ms-user-select: none;
          user-select: none;
}

This is supported by Chrome, Safari, Firefox, IE 10, and iOS Devices. More info on MDN page.

Edit: If you want <input> and <textarea> to remain selectable in Firefox, add:

input,
textarea {
     -moz-user-select: text;
}

Disable context menu with jQuery

$(document).on("contextmenu", function (event) { event.preventDefault(); });