Sự kiện onpaste

Sự kiện DOM ClipboardEvent

Định nghĩa và cách sử dụng

Sự kiện onpaste xảy ra khi người dùng dán nội dung vào phần tử.

Mặc dù tất cả các phần tử HTML đều hỗ trợ sự kiện onpaste, nhưng thực tế không thể dán nội dung vào phần tử như <p> trừ khi phần tử đã thiết lập contenteditable thành "true" (xin xem thêm các ví dụ dưới đây).

Lưu ý: Sự kiện onpaste chủ yếu được sử dụng cho phần tử <input> với type="text".

Lưu ý:Nội dung có thể được dán vào phần tử theo ba cách:

  • CTRL + V
  • Chọn dán từ menu chỉnh sửa của trình duyệt
  • Chọn lệnh dán trong menu chuột phải

Mô hình

Ví dụ 1

Chạy JavaScript khi dán văn bản vào phần tử <input>:

<input type="text" onpaste="myFunction()" value="Paste something in here">

Thử trực tiếp

Ví dụ 2

Chạy JavaScript khi dán văn bản vào phần tử <p> (lưu ý rằng contenteditable đã được thiết lập thành "true"):

<p contenteditable="true" onpaste="myFunction()">Try to paste something inside this paragraph.</p>

Thử trực tiếp

Cú pháp

Trong HTML:

<element onpaste="myScript">

Thử trực tiếp

Trong JavaScript:

object.onpaste = function(){myScript};

Thử trực tiếp

Trong JavaScript, sử dụng phương thức addEventListener():

object.addEventListener("paste", myScript);

Thử trực tiếp

Ghi chú:Internet Explorer 8 hoặc sớm hơn không hỗ trợ Phương thức addEventListener()。

Chi tiết kỹ thuật

Nổ bùng: Hỗ trợ
Có thể hủy: Hỗ trợ
Loại sự kiện: ClipboardEvent
Thẻ HTML được hỗ trợ: Tất cả các phần tử HTML

Hỗ trợ trình duyệt

Sự kiện Chrome IE Firefox Safari Opera
Sự kiện onpaste Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ

Trang liên quan

Tài liệu tham khảo HTML DOM:Sự kiện oncopy

Tài liệu tham khảo HTML DOM:Sự kiện oncut

Sự kiện DOM ClipboardEvent