js实现span文本选中效果

Bertha 。 2022-08-14 00:00 221阅读 0赞

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