19/09/2018, 14:55
Sự kiện oncopy
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 < ! DOCTYPE html > < html > < body > < input type = "text" oncopy = "myFunction()" value = "Bạn hãy copy đoạn này" > < ...
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<!DOCTYPE html> <html> <body> <input type="text" oncopy="myFunction()" value="Bạn hãy copy đoạn này"> <p id="demo"></p> <script> function myFunction() { document.getElementById("demo").innerHTML = "Nội dung đã được copy!" } </script> </body> </html> |
Demo
Xem thêm ví dụ bên dưới.
Định nghĩa và cách sử dụng
Thuộc tính oncopy được kích hoạt khi người dùng sao chép nội dung trong thẻ.
Mẹo: Thuộc tính oncopy cũng được kích hoạt khi người dùng sao chép cả thẻ, ví dụ: sao chép một ảnh được tạo bởi thẻ <img>.
Mẹo: Thuộc tính oncopy hầu hết được sử dụng trong thẻ <input> với type=”text”.
Mẹo: Dưới đây là 3 cách để sao chép thẻ/nội dung trong thẻ:
- Nhấn CTRL + C
- Chọn “Copy” từ menu “Edit” trên trình duyệt
- Nhấn chuột phải và chọn lệnh “Copy”
Trình duyệt hỗ trợ
| Thuộc tính |  |
 |
 |
 |
 |
|---|---|---|---|---|---|
| oncopy | Có | Có | Có | Có | Có |
Lưu ý: Thuộc tính oncopy có thể không hoạt động như mong muốn trên một số trình duyệt khi sao chép một ảnh (xem thêm ví dụ bên dưới).
Khác biệt giữa HTML 4.01 và HTML5
Không có sự khác biệt.
Cú pháp
|
1 |
<element oncopy="script"> |
Giá trị thuộc tính
| Giá trị | Miêu tả |
|---|---|
| script | Chạy script khi thuộc tính được kích hoạt |
Chi tiết
Thuộc tính được sử dụng trong tất cả các thẻ HTML.
Ví dụ
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<!DOCTYPE html> <html> <body> <p oncopy="myFunction()">Hãy copy đoạn này</p> <script> function myFunction() { alert("Nội dung đã được copy!"); } </script> </body> </html> |
Demo
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<!DOCTYPE html> <html> <body> <p>Hãy copy bức ảnh sau đây (Nhấn chuột phải vào ảnh và chọn "Copy Image").</p> <img src="https://webvn.com/wp-content/uploads/2014/10/wvnlogo.png" oncopy="myFunction()" awidth="200" height="72"> <p><strong>Lưu ý:</strong> Ví dụ này có thể hoạt động không như mong muốn trên một số trình duyệt.</p> <script> function myFunction() { alert("Bạn đã sao chép ảnh!"); } </script> </body> </html> |
Demo
