我正在尝试使网页非常原生。如何删除选择,选择网页中的所有属性?
问问题
60254 次
6 回答
99
使用 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 页面的更多信息。
编辑:如果您想在 Firefox<input>
中<textarea>
保持可选状态,请添加:
input,
textarea {
-moz-user-select: text;
}
使用 jQuery 禁用上下文菜单
$(document).on("contextmenu", function (event) { event.preventDefault(); });
于 2012-09-07T09:55:57.753 回答
8
使用此代码https://www.docsity.com/it/teorie-e-pratiche-del-web-4/556038/
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;
}
于 2014-09-12T06:41:30.483 回答
3
此 JavaScript 将禁用内容的选择、复制和粘贴但如果用户将页面保存到本地计算机,他们将能够使用您的代码执行“任何”他们想要的操作。
//disable cut copy past
var message = "";
function clickIE() { if (document.all) { (message); return false; } }
function clickNS(e) {
if(document.layers || (document.getElementById && !document.all)) {
if (e.which == 2 || e.which == 3) { (message); return false; }
}
}
if (document.layers)
{ document.captureEvents(Event.MOUSEDOWN); document.onmousedown = clickNS; }
else { document.onmouseup = clickNS; document.oncontextmenu = clickIE; }
document.oncontextmenu = new Function("return false")
//for disable select option
document.onselectstart = new Function('return false');
function dMDown(e) { return false; }
function dOClick() { return true; }
document.onmousedown = dMDown;
document.onclick = dOClick;
于 2013-02-27T16:10:28.237 回答
1
您可以通过在正文标签中添加属性来禁用 oncontextmenu="return false;
<body oncontextmenu="return false;">
于 2012-09-07T09:38:33.903 回答
-1
这可以帮助你吗
<div onselectstart="return false;" style="-moz-user-select: none;">
于 2012-09-07T09:42:09.467 回答
-1
element_name{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
于 2017-05-29T08:04:40.157 回答