JavaScript 禁止选中文字

Posted 乱舞春秋__

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript 禁止选中文字相关的知识,希望对你有一定的参考价值。

javascript中,通过阻止selectstart事件的默认行为,我们可以实现禁止选中文字。

代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
</head>
<body>
	<p>禁止选中文字:阻止selectstart事件的默认行为。</p>
	<script>
		document.addEventListener('selectstart',function(e){
			e.preventDefault();
		})
	</script>
</body>
</html>

此时,将无法在页面中选中文字。

以上是关于JavaScript 禁止选中文字的主要内容,如果未能解决你的问题,请参考以下文章

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

h5通过css实现禁止ios端长按复制选中文字的方法

禁止选中文字和禁止右键菜单

禁止选中鼠标右键和选中文字

禁止文字被选中

在html中如何将鼠标选中文字功能禁止,出现不能选中复制的效果