TextEvent

已棄用：此特性不再推薦。雖然某些瀏覽器可能仍然支援它，但它可能已經從相關的網路標準中刪除，可能正在刪除過程中，或者可能僅為相容性目的而保留。請避免使用它，如果可能，請更新現有程式碼；請參閱本頁底部的相容性表格以指導您的決策。請注意，此特性可能隨時停止工作。

TextEvent 介面是一個已棄用的 UI 事件介面，用於報告文字 UI 元素的更改。

注意： TextEvent 事件已被 input、beforeinput、keypress、keyup 和 keydown 等事件取代。

例項屬性

此介面還繼承了其父級 UIEvent 的屬性，以及間接繼承自 Event 的屬性。

TextEvent.data 只讀已棄用: 表示與事件相關聯的資料。

例項方法

TextEvent.initTextEvent() 已棄用: 使用給定的引數填充此（新的）TextEvent 的值。

事件列表

以下是所有 TextEvent 事件的列表

textinput

示例

監聽文字輸入事件

您可以使用 EventTarget.addEventListener() 註冊一個文字輸入事件的監聽器，如下所示：

element.addEventListener("textInput", (event) => {
  // …
});

顯示輸入事件的簡單日誌記錄器

此示例監聽在輸入框上觸發的多個事件，包括 textInput。事件型別和事件資料將被記錄下來，讓您可以看到 textInput 相對於其他事件（例如鍵盤按鍵生成的事件）的觸發位置。

HTML

html

<input placeholder="Enter some text" name="name" />

<pre id="log"></pre>

#log {
  height: 140px;
  overflow: scroll;
  padding: 0.5rem;
  border: 1px solid black;
}

JavaScript

const logElement = document.querySelector("#log");
function log(text) {
  logElement.innerText = `${logElement.innerText}${text}\n`;
  logElement.scrollTop = logElement.scrollHeight;
}

const input = document.querySelector("input");

input.addEventListener("keypress", updateValue);
input.addEventListener("keyup", updateValue);
input.addEventListener("keydown", updateValue);
input.addEventListener("input", updateValue);
input.addEventListener("beforeinput", updateValue);
input.addEventListener("textInput", updateValue);

function updateValue(e) {
  log(`${e.type}: ${e.data}`);
}

結果

規範

規範
UI 事件 # legacy-textevent-events

瀏覽器相容性

幫助改進 MDN

瞭解如何貢獻

此頁面最後修改於 ⁨2025年9月18日⁩，由 MDN 貢獻者修改。

在 GitHub 上檢視此頁面 • 報告此內容的問題