如何在html中禁止文字的复制_随笔

可以禁止用户右键，使用js *** 作禁止，参考以下代码

document.oncontextmenu=function(e){return false}

</script>

也可以直接禁止用户选中页面从而实现禁止复制的目的，可以在css里面 *** 作禁止，参考以下代码

body {

-webkit-touch-callout: none

-webkit-user-select: none

-khtml-user-select: none

-moz-user-select: none

-ms-user-select: none

user-select: none

}

以上两种方法都可实现禁止用户复制。

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html，输入问题基础代码。

2、在index.html中的<body>标签中，输入样式代码：

onmousemove=HideMenu() oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()"

oncopy="document.selection.empty()" onbeforecopy="return false" onmouseup="document.selection.empty()"

3、浏览器运行index.html页面，此时内容无法右键和选中以复制。

你可以用div实现通过contenteditable属性使其可以编辑将输入内容存入变量 keydown时获取输入值然后存入变量并将键入值替换为星号给oncopy事件绑定一个函数如果div 为focus时把 oncopy 把 clipboardData 的值更改为变量值然后 return false

你可以按照这个思路试试

欢迎分享，转载请注明来源：内存溢出

如何在html中禁止文字的复制