Sự kiện nội soi
Thí dụ
Thực thi JavaScript khi sao chép một số văn bản của phần tử <input>:
<input type="text" oncopy="myFunction()" value="Try to copy this text">
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Sự kiện nội soi xảy ra khi người dùng sao chép nội dung của một phần tử.
Mẹo: Sự kiện nội soi cũng xảy ra khi người dùng sao chép một phần tử, ví dụ, một hình ảnh, được tạo bằng phần tử <img>.
Mẹo: Sự kiện nội soi chủ yếu được sử dụng trên các phần tử <input> có type = "text".
Mẹo: Có ba cách để sao chép một phần tử / nội dung của một phần tử:
- Nhấn CTRL + C
- Chọn "Sao chép" từ menu Chỉnh sửa trong trình duyệt của bạn
- Nhấp chuột phải để hiển thị menu ngữ cảnh và chọn lệnh "Sao chép".
Hỗ trợ trình duyệt
Event | |||||
---|---|---|---|---|---|
oncopy | Yes | Yes | Yes | Yes | Yes |
Lưu ý: Sự kiện nội soi có thể không hoạt động như mong đợi trong một số trình duyệt khi cố gắng sao chép hình ảnh (Xem "Ví dụ khác" bên dưới).
Cú pháp
Trong HTML:
<element oncopy="myScript">
Trong JavaScript:
object.oncopy = function(){myScript};
Trong JavaScript, sử dụng phương thức addEventListener ():
object.addEventListener("copy", myScript);
Lưu ý: Phương thức addEventListener () không được hỗ trợ trong Internet Explorer 8 và các phiên bản trước đó.
Chi tiết kỹ thuật
Bong bóng: | Đúng |
---|---|
Có thể hủy bỏ: | Đúng |
Loại sự kiện: | ClipboardEvent |
Các thẻ HTML được hỗ trợ: | Tất cả các phần tử HTML |
Các ví dụ khác
Thí dụ
Thực thi JavaScript khi sao chép một số văn bản của phần tử <p>:
<p oncopy="myFunction()">Try to copy this text</p>
Thí dụ
Thực thi JavaScript khi sao chép hình ảnh:
<img src="w3schools.gif" oncopy="myFunction()">
Các trang liên quan
Tham chiếu DOM HTML: sự kiện onpaste
Tham chiếu DOM HTML: sự kiện oncut