禁止鼠标选中，禁用鼠标右键的代码

最新推荐文章于 2024-07-18 14:12:27 发布

神笔码农nice

最新推荐文章于 2024-07-18 14:12:27 发布

阅读量2.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript CSS 文章标签： javascript css 鼠标

本文链接：https://blog.youkuaiyun.com/Panlingfan/article/details/46330321

javascript 同时被 2 个专栏收录

26 篇文章

订阅专栏

CSS

3 篇文章

订阅专栏

本文介绍如何在不同浏览器下禁用用户选中网页内容的方法，包括IE、Chrome、Firefox和Opera等，并提供了手机端的禁用选中实现。

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

禁止用户选中网页上的内容，IE及Chrome下的方法一样。

$(".translate_en_ash").attr('unselectable','on').bind(
       'selectstart',
        function(){ return false; }
 );

注：Firefox/Opera不支持onselectstart事件，所以用css方法：

.translate_en_ash{ -moz-user-select: none; }

手机端禁止选中的功能：

.translate_en_ash,.translate_en_wait{ 
	-webkit-touch-callout:none; /*系统默认菜单被禁用*/ 
	-webkit-user-select:none; /*webkit浏览器*/ 
	-khtml-user-select:none; /*早期浏览器*/ 
	-moz-user-select:none;/*火狐*/ 
	-ms-user-select:none; /*IE10*/ 
	user-select:none;
}

document.body.oncontextmenu=function(){return false;};禁止用户使用鼠标右键