双击不选中文本

IE浏览器使用document.selection对象选择当前用户激活区域,获取当前用户操作区域后通过document.selection.empty()函数实现双击不选中文本功能;非IE浏览器使用window.getSelection对象选择当前用户激活区域,在获取当前用户操作区域后通过removeAllRanges()函数实现双击不选中文本功能

<script type="text/javascript">
$(document).ready(function(){
    var clearSeletion=function(){
        if(document.selection&&document.selection.empty){
            document.selection.empty();
        }else if (window.getSelection) {
            var sel=window.getSelection();
            sel.removeAllRanges();
        }
    };
    $("#element").bind("dblclick",function(event){
        clearSeletion();
    });
});
</script>
</head>
<body>
    <p>鼠标双击测试区域(灰色)</p>
    <div id="element" style="background-color: #E8E8E8;">dbclick selection text</div>
</body>
时间: 2024-10-12 19:08:14

双击不选中文本的相关文章

HTML中解决双击会选中文本的问题

<div unselectable="on" style="-moz-user-select:none;" onselectstart="return false;"> 你选不了我,解决双击被选中的问题, unselectable: IE/Opera, -moz-user-select: FireFox, onselectstart: IE/Safari </div>

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

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

CSS阻止页面双击选中文本

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

如何实现双击选中文本背景色自定义效果

如何实现双击选中文本背景色自定义效果:本章节介绍一下如何实现当双击选中一定区域的文本的时候,实现背景色自定义的效果.下面就通过代码实例做一下简单介绍: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <titl

CSS如何实现禁止选中文本

CSS如何实现禁止选中文本:禁止文本被选中的目的一般是为了防止别人复制网站的内容,当然这些只能防住一些“善良”的朋友,只要有点web知识都能够轻易破解这些,不过咱们不管这些,只要客户有需要,程序员就必须要实现,下面是两端css样式代码,能够实现此功能,希望能够对需要的朋友带来一定的帮助.代码如下: div{ text-align:center; vertical-align:middle; height:39px; overflow:hidden; moz-user-select:-moz-no

选中文本颜色

::selection{ background-color: #00f; color: white; } ::moz-selection{ background-color: #00f; color: white; } ::webkit-selection{ background-color: #00f; color: white; } 选中文本颜色,布布扣,bubuko.com

移动端阻止默认长按选中文本和弹出菜单、点击阴影

css:/*阻止默认长按选中文本*/* { /*ios*/ -webkit-touch-callout:none; touch-callout:none; /*安卓*/ -webkit-user-select: none; user-select: none;} js: //阻止默认长按出现菜单 window.ontouchstart = function(e) { e.preventDefault();}; /*阻止默认点击出现阴影*/ *{-webkit-tap-highlight-colo

如何改变网页选中文本的颜色

一.文本选中的默认颜色 今天看了国外的很多网站,发现在网页中选中文本的时候,颜色不是我们平常所说的蓝色.经过google的帮助,发现,原来是 CSS 3.0的一个小特性. 除了主流浏览器(ie)之外,一般还是支持的. 這是浏览器默认选中的颜色 二.使用CSS3改变文本选中的默认颜色 <!DOCTYPE html> <html>     <head>         <style>             .demo1::selection{color:#ff

记录:获取页面选中文本

html <!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="Con