本文介绍了如何使用CSS的`-ms-user-select`属性和JavaScript来防止页面在双击操作时选中文本，特别是在快速切换图片滚动时避免选中附近文字。文章提供了多种实现方式，包括关闭所有文本选择、仅允许在特定区域选择等，并讨论了不同浏览器的兼容性问题。
在双击左右箭头，快速切换图片滚动时，会选择附近区域的文字，感觉不是很好，今天在同事在分享时，讲到了这个问题， 试了一下，不错，解决了问题
IE及Chrome下的方法一样，对相应的元素添加onselectstart=”return false;”但是，这个在火狐下不起作用，但是火狐下可以用css样式来达到这个效果，即添加-moz-user-select:none;就可以兼容ie，google，firefox了，即代码如下所示：
1 |
<div class="picBox" onselectstart="return false;" style="-moz-user-select:none;">屏蔽双击选中文字的区域</div> |
这样这个区域的文字都不能选中了，就也不会出现在双击左右箭头快速切换图片滚动时会选择附近区域文字的情况了
如果把
1 |
<body onselectstart="return false"> |
和
1 2 3 4 |
body
{
-moz-user-select: none;
} |
添加到body中，就实现了禁止用户选中页面上内容的效果
css禁止双击页面选中文本
-ms-user-select 属性是一个新的级联样式表 (CSS) 属性，它使 Web 开发人员和应用开发人员能够控制用户在其网页或使用 JavaScript 的 Windows 应用商店应用中选择文本的位置。 本主题介绍如何在你自己的网页上实施 -ms-user-select 属性。（采用完全相同的方法在使用 JavaScript 的 Windows 应用商店应用中实施 -ms-user-select 属性。）它包含以下几部分：
Note user-select 属性当前不是任何万维网联合会 (W3C) CSS 规范的一部分。该
最低0.47元/天 解锁文章
扫一扫
906
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
