css禁止鼠标双击选中文字

div{
    -moz-user-select:none;/*火狐*/
    -webkit-user-select:none;/*webkit浏览器*/
    -ms-user-select:none;/*IE10*/
    -khtml-user-select:none;/*早期浏览器*/
      user-select:none;
}
<section onselectstart="return false;">这又是一段文字</section>

如果把上述的方法写到body中，就实现了禁止用户选中页面上内容的效果。

时间： 2024-10-10 17:29:30

css禁止鼠标双击选中文字的相关文章

css实现鼠标经过导航文字偏位效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

屏蔽双击选中文字的方法

FF用样式 :-moz-user-select:none; FF以外的浏览器用:onselectstart="return false"(直接加在需要作用的标签) eg:  <div class="test" onselectstart="return false" style="-moz-user-select:none;">你选不到我...(屏蔽双击选中文字的区域)</div>

CSS阻止页面双击选中文本

http://www.w3cui.com/?p=141 当点击连续点击箭头按钮时会出现蓝色部分.这个问题也是双击选中文本引起的.

WPF DataGrid 鼠标双击选中的DataGridRow及Row数据

设置DataGrid的MouseDoubleClick事件 代码 //DataGrid鼠标双击事件 Private void dataGrid_MouseDoubleClick(object sender, MouseButtonEventArgs e) { if(this.dataGrid.SelectedIndex == -1) { return; } DataGridRow row = (DataGridRow)dataGrid.ItemContainerGenerator.Contain

css取消双击选中文字

在我们在写前端页面的时候,由于手速过快(当然这都是指的老司机),会经常双击,浏览器就会默认选中你双击的文本,这种感觉有点不太好. 这个时候就用到了 user-select:none; 属性. 因为存在着兼容性的问题,所以在写的时候就需要考虑一下了. div{ -moz-user-select:none;/*火狐*/ -webkit-user-select:none;/*webkit浏览器*/ -ms-user-select:none;/*IE10*/ -khtml-user-select:non

鼠标经过, 选中文字

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div id="a">aaa</div> <script src="https://cdn.bootcss.

通过CSS禁用页面内容选中和复制操作

CSS禁止鼠标拖动选择文字,禁用页面内容选中和复制操作,只需在body的样式中加入如下代码就可以了 -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none;

阻止页面双击选中文本解决方案

在双击左右箭头,快速切换图片滚动时,会选择附近区域的文字,感觉不是很好,今天在同事在分享时,讲到了这个问题, 试了一下,不错,解决了问题IE及Chrome下的方法一样,对相应的元素添加onselectstart=”return false;”但是,这个在火狐下不起作用,但是火狐下可以用css样式来达到这个效果,即添加-moz-user-select:none;就可以兼容ie,google,firefox了,即代码如下所示: 1 <div class="picBox" onsele

屏蔽页面双击选中文本

1. 如果我们要做到兼容ie与ff浏览器就可以在要屏蔽双击的div上加上return false;与-moz-user-select:none;即可解决了,下面看例子. 指定div <div class="picBox" onselectstart="return false;" style="-moz-user-select:none;">屏蔽双击选中文字的区域</div> 如果要屏蔽整个页面 我们在页面的body上加