如何禁用网页上的文本选择

Question

我正在尝试使网页非常原生.如何删除选择,选择网页中的所有属性？

Answer 1

禁用CSS选择每个元素

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

Chrome,Safari,Firefox,IE 10和iOS设备均支持此功能.有关MDN页面的更多信息.

编辑:如果您想要<input>并<textarea>在Firefox中保持可选,请添加:

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

使用jQuery禁用上下文菜单

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

Answer 2

使用此代码

body, html{     
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;  
}