InputEvent: thuộc tính data

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

Thuộc tính chỉ đọc data của giao diện InputEvent trả về một chuỗi với các ký tự đã chèn. Đây có thể là một chuỗi rỗng nếu thay đổi không chèn văn bản, chẳng hạn khi các ký tự bị xóa.

Giá trị

Một chuỗi hoặc null. Đặc điểm kỹ thuật có một tổng quan về giá trị của nó trong các trường hợp khác nhau.

Trong ví dụ sau, một trình lắng nghe sự kiện nhận sự kiện input. Mọi thay đổi văn bản đối với phần tử <input> được truy xuất bởi InputEvent.data và được chèn vào một đoạn văn bản bằng thuộc tính Node.textContent.

html

<p>Some text to copy and paste.</p>

<input type="text" />

<p class="result"></p>

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

editable.addEventListener("input", (e) => {
  result.textContent = `Inputted text: ${e.data}`;
});