鼠标经过, 选中文字

<!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.com/jquery/3.2.1/jquery.js"></script>
<script type="text/javascript">

      $("#a").hover(function(){
            this.focus();
        if(window.getSelection){
            var range=document.createRange();
            range.selectNodeContents(this);
            var selection = window.getSelection();
            selection.removeAllRanges();
            selection.addRange(range)
            }
        else if(document.selection){
            //for ie
            var range=document.body.createTextRange()
            range.moveToElementText(this)
            range.select();
        }
      },function(){
      if(window.getSelection){
            var range=document.createRange();
            range.selectNodeContents(this);
            var selection = window.getSelection();
            selection.removeAllRanges();

            }
        else if(document.selection){
            //for ie
            var range=document.body.createTextRange()
            range.moveToElementText(none)

        }
      });

</script>

</body>
</html>
时间: 2024-10-05 05:32:49

鼠标经过, 选中文字的相关文章

用js onselectstart事件鼠标禁止选中文字

IE&&Chrome中适用此方法 document.onselectstart=function(){return false;} onselectstart是防止内容被选中默认状态是true <body onselectstart=return(event.srcElement.type=='text')> 选不中 <input type="text" name="" value="来选吧"> </

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中,就实现

网页某块区域鼠标不让选中文字

1.给元素加样式   -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; 2.ie6-ie9 需要加以下js a. //不可选中文字        var oDrag = document.getElementsByClassName("ard-adv");         for(var i=0; i<oDrag.length; i++)        

Xcode如何拖拽选中文字、拖拽代码

不管是文本编辑,还是代码工具,一般都提供了用鼠标拖拽选中文字到指定地方的功能,但是在Xcode里貌似这样有点儿难,你会发现当想拖动的时候会有时候成功,但是大部分时间都是又处于选择状态.一开始我以为是Mac系统的原因,后来发现在其他地方:浏览器就可以拖动,我想这可能是Xcode里去掉了,但是有时候能拖拽是怎么回事.好吧,我不coding了,非得找出来. 废话不多说了: 点击选中的代码(文字),不要移动和松开鼠标左键,当竖线变成箭头之后就可以拖动了,其实不需要多少时间,基本上就是:不要直接点鼠标左键

css3应用之自定义选中文字的背景颜色

在看很多的博客主题时候发现大多数都对选中文字的背景颜色做了相应的处理.其实这样是很符合用户体验的.因为有很多的人会用鼠标选择着一行一行的阅读.其中就包括本人... 浏览器中默认的选中的文字颜色为白色,背景色为蓝色. 我们如何自定义呢? 效果参见本博客,选中文字后可以见到效果.本博客中用到的代码是 body ::selection {color:#FFFFFF;text-shadow:none;}body ::-moz-selection {color:#FFFFFF;background-col

选中文字分享到自己的新浪微博

分享到新浪账号 <!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="

开发油猴脚本:给任意网页的选中文字涂色

概述 简单来说:就像在现实课本上用mark笔涂色划重点一样,可以用这个脚本在任意网页上涂色划重点. 开发缘由:每次在网上看资料的时候,都会默默归纳几个重要的地方,但是看完资料写博客的时候又容易忘重点,所以我开发了这款脚本. 脚本缺陷:(1)不能刷新网页,否则标记就没了.(2)只能标记同一种文字,不能超链接,文本,引用,强调一起标记,但是可以分开标记. 演示 脚本代码 首先,需要在浏览器上面安装油猴(Tampermonkey)插件.360浏览器可在扩展中心找到.其它浏览器的安装方法请自行百度. 最

解决vim选中文字不能复制的问题

转载自本人独立博客:https://liushiming.cn/2020/01/18/vim-copy-issue-in-iterm2/ 概述 最近发现在iterm2中打开vim,用鼠标选中文字,并用command + c复制选中的文字,但粘贴出来是空的.查了一圈终于在iterm2的官方gitlab issue库里发现了解决办法.将Enable mouse reporting这个设置去掉即可. 版本信息 操作系统 Mac os 10.15.2 iterm2 iterm2 3.3.6 iterm2

CSS3特殊伪类::selection改变页面选中文字的样式

一般在网页上面,选中文字的时候,文字的样式是会改变的,当然,样式也都是千篇一律的浏览器的默认样式,蓝底白字,偶然看到有些网页上面当文字选中的时候会有不一样的样式,当时就很是好奇,后来才慢慢发现是css的一个伪类::selection ::selection是一个CSS3选择器(这也告诉这我们CSS3必须要去熟悉,这玩意确实可以弄出很多意想不到的好效果.) 兼容性:IE9+,Chrome,Opera,Safari,Firefox…(也可以去查看)caniuse.com#search=::selec