sự kiện oncopy

Sự kiện DOM Sự kiện ClipboardEvent

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

sự kiện oncopy xảy ra khi người dùng sao chép nội dung của phần tử.

lưu ý:sự kiện oncopy cũng xảy ra khi người dùng sao chép phần tử được tạo bằng phần tử <img> (ví dụ: hình ảnh).

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

lưu ý:Dưới đây là ba cách sao chép phần tử/phần tử nội dung:

  • CTRL + C
  • chọn sao chép từ trình duyệt
  • chọn lệnh sao chép từ menu phải

mô hình

ví dụ 1

thực hiện JavaScript khi sao chép văn bản của phần tử <input>:

<input type="text" oncopy="myFunction()" value="Try to copy this text">

thử nghiệm trực tiếp

ví dụ 2

thực hiện JavaScript khi sao chép một phần văn bản của phần tử <p>:

<p oncopy="myFunction()">Try to copy this text</p>

thử nghiệm trực tiếp

ví dụ 3

thực hiện JavaScript khi sao chép hình ảnh:

<img src="codew3c.gif" oncopy="myFunction()">

thử nghiệm trực tiếp

cú pháp

Trong HTML:

<element oncopy="myScript">

thử nghiệm trực tiếp

Trong JavaScript:

object.oncopy = function(){myScript};

thử nghiệm trực tiếp

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

object.addEventListener("copy", myScript);

thử nghiệm 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

bùng nổ: Hỗ trợ
thu hồi được: Hỗ trợ
loại sự kiện: 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 oncopy Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ

Ghi chú:Khi cố gắng sao chép hình ảnh, sự kiện oncopy có thể không hoạt động như mong đợi trong một số trình duyệt (xin xem thêm các ví dụ dưới đây).

Trang liên quan

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

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

Sự kiện DOM Sự kiện ClipboardEvent