鼠标事件之禁止选中文字与禁止右键菜单

最新推荐文章于 2024-03-23 01:24:48 发布

hcoke

最新推荐文章于 2024-03-23 01:24:48 发布

阅读量506

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/m0_62962469/article/details/123616468

JavaScript 专栏收录该内容

40 篇文章

订阅专栏

该博客介绍了如何通过JavaScript实现对网页的交互限制，包括禁止右键菜单和文字选中。通过监听'contextmenu'和'selectstart'事件并调用preventDefault()方法，可以有效地阻止这些默认行为，提升网页内容的安全性和用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<p>这是一段不愿意分享的文字</p>
		<script type="text/javascript">
		//1.contextmenu 我们可以禁用右键菜单
			document.addEventListener('contextmenu', function(e) {
			e.preventDefault();	
			})
			//2.禁止选中文字
			document.addEventListener('selectstart', function(e) {
			e.preventDefault();	
			})
		</script>
	</body>
</html>

事件内部采用的是我们之前的preventDefault() 阻止默认行为(事件)。

1.contextmenu 我们可以禁用右键菜单

2.禁止选中文字 selectstart