美文网首页
取得选择的文本内容

取得选择的文本内容

作者: 蘑菇酱960903 | 来源:发表于2018-04-02 12:30 被阅读0次
    <form action="">
        <textarea name="textBox" id="" cols="30" rows="10"></textarea>
    </form>
    <script>
        var textBox = document.forms[0].elements['textBox'];
        function getSelectedText(textBox) {
            
            /*selectionStart selectionEnd 是HTML5新增方法*/
            if (typeof textBox.selectionStart === 'number') {
                return textBox.value.substring(textBox.selectionStart, textBox.selectionEnd);
            } 

            /*不支持HTML5的版本*/
            else if (window.getSelection) {
                return window.getSelection().toString();
            }
           /*兼容ie*/
            else if (document.selection) {
                return document.selection.createRange().text;
            }
        }
        textBox.addEventListener('select', function () {
            console.log(getSelectedText(this));
        }, false);
          /*选择指定的文本*/
        function SelectText(textBox, startIndex, endIndex) {
            if (textBox.setSelectionRange) {
                textBox.setSelectionRange(startIndex, endIndex);
            } 
            /*兼容ie,创建selection对象*/
            else if (textBox.createTextRange) {
                var range = textBox.createTextRange();
                range.collapse(true);
                range.moveStart('character', startIndex);
                range.moveEnd('character', endIndex - startIndex);
                range.select();
            }
            textBox.focus();
        }

https://www.cnblogs.com/ArthurPatten/p/3317263.html

相关文章

网友评论

      本文标题:取得选择的文本内容

      本文链接:https://www.haomeiwen.com/subject/aigthftx.html