首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> 更多程式語言 >> 程式設計綜合問答

IE11 獲取 Input 選中文本:document.selection.createRange() 失效,改用 getSelection()

     編輯:程式設計綜合問答

IE 版本差異

瀏覽器獲取選區對象獲取文本
IE ≤ 10document.selection.createRange()range.text
IE 11window.getSelection()selection.toString()
現代瀏覽器window.getSelection()selection.toString()

統一兼容寫法

function getSelectedText() {
    var text = '';
    if (window.getSelection) {  // IE11+, 現代瀏覽器
        text = window.getSelection().toString();
    } else if (document.selection && document.selection.type != 'Control') {  // IE ≤ 10
        text = document.selection.createRange().text;
    }
    return text;
}

// 測試
document.addEventListener('mouseup', function() {
    console.log('選中文本:', getSelectedText());
});

Input/Textarea 專用:獲取輸入框內選中文本

function getInputSelectedText(inputEl) {
    // 標準 API(IE9+ 含 IE11)
    if (typeof inputEl.selectionStart === 'number') {
        return inputEl.value.substring(inputEl.selectionStart, inputEl.selectionEnd);
    }
    // IE ≤ 8 降級
    if (document.selection) {
        inputEl.focus();
        var range = document.selection.createRange();
        return range.text;
    }
    return '';
}

關鍵點

  • IE11 **移除了** document.selection,全面對齊標準 window.getSelection()。
  • 針對 <input>/<textarea> 內部選區,**優先用元素自身的 selectionStart/End**,最穩健、跨瀏覽器一致。
  • 頁面級選區(跨元素)才用 window.getSelection()。

總結

IE11 處理選中文本請用標準 window.getSelection().toString() 或輸入框 selectionStart/End,棄用舊 document.selection API。一套代碼兼容所有現代瀏覽器含 IE11。

  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved