码迷,mamicode.com
首页 > 其他好文 > 详细

鼠标经过, 选中文字

时间:2017-05-18 13:58:03      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:content   focus   cti   选中文字   element   rip   span   tps   toe   

<!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>

 

鼠标经过, 选中文字

标签:content   focus   cti   选中文字   element   rip   span   tps   toe   

原文地址:http://www.cnblogs.com/dhsz/p/6872943.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!