js实现span文本选中效果

最新推荐文章于 2021-07-01 22:07:01 发布

夏末_阳光依然耀眼

最新推荐文章于 2021-07-01 22:07:01 发布

阅读量9.7k

点赞数 2

分类专栏： div+css 文章标签： div javascript jquery

本文链接：https://blog.csdn.net/boyit0/article/details/41082941

版权

div+css 专栏收录该内容

89 篇文章 0 订阅

订阅专栏

    <script type="text/javascript">
    function selectText() {
        if (document.selection) {
            var range = document.body.createTextRange();
            range.moveToElementText(document.getElementById('selectable'));
            range.select();
        } else if (window.getSelection) {
            var range = document.createRange();
            range.selectNode(document.getElementById('selectable'));
            window.getSelection().addRange(range);
        }
    }
    </script>
    <span id="selectable">http://example.com/page.htm</span>
    <input type="button" οnclick="selectText()" value="按钮" />

jquery版兼容IE、FF、360、chrome、opera、搜狗：

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
     </HEAD>
    <SCRIPT LANGUAGE="JavaScript" src="jquery-1.4.2.min.js"></SCRIPT>
     <BODY>
    <div  οnclick="SelectText('myDiv')">点击选中</div>
    <span id="myDiv">
    测试选中内容
    </span>
    <script>
    function SelectText(element) {
        var text = document.getElementById(element);
        if ($.browser.msie) {
            var range = document.body.createTextRange();
            range.moveToElementText(text);
            range.select();
        } else if ($.browser.mozilla || $.browser.opera) {
            var selection = window.getSelection();
            var range = document.createRange();
            range.selectNodeContents(text);
            selection.removeAllRanges();
            selection.addRange(range);
        } else if ($.browser.safari) {
            var selection = window.getSelection();
            selection.setBaseAndExtent(text, 0, text, 1);
        }
    }
    </script>
     </BODY>
    </HTML>

夏末_阳光依然耀眼

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
js实现span文本选中效果

function selectText() { if (document.selection) { var range = document.body.createTextRange(); range.moveToElementText(document.getElementById('selectable'));
复制链接

扫一扫