19/09/2018, 14:54
Sự kiện onpaste
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 < ! DOCTYPE html > < html > < body > < input type = "text" onpaste = "myFunction()" value = "Bạn hãy copy và dán một đoạn vào đây" ...
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<!DOCTYPE html> <html> <body> <input type="text" onpaste="myFunction()" value="Bạn hãy copy và dán một đoạn vào đây" size="40"> <p id="demo"></p> <script> function myFunction() { document.getElementById("demo").innerHTML = "Nội dung đã được dán"; } </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 onpaste được kích hoạt khi người dùng dán một nội dung vào thẻ.
Lưu ý: Mặc dù thuộc tính onpaste được hỗ trợ trong tất cả các thẻ HTML nhưng không phải lúc nào nó cũng có thể dán nội dung vào thẻ, ví dụ thẻ <p>, trừ khi thẻ đó được thiết lập thuộc tính contenteditable là “true” (Xem ví dụ bên dưới).
Mẹo: Thuộc tính onpaste hầu hết được sử dụng trong thẻ <input> với type=”text”.
Mẹo: Có 3 cách để paste nội dung vào thẻ:
- Nhấn CTRL + V
- Chọn “Paste” từ menu “Edit” trên trình duyệt
- Chuột phải và chọn lệnh “Paste”
Trình duyệt hỗ trợ
| Thuộc tính |  |
 |
 |
 |
 |
|---|---|---|---|---|---|
| onpaste | Có | Có | Có | Có | Có |
Khác biệt giữa HTML 4.01 và HTML5
Không có sự khác biệt.
Cú pháp
|
1 |
<element onpaste="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 contenteditable="true" onpaste="myFunction()">Hãy copy và dán một nội dung vào đây.</p> <script> function myFunction() { alert("Nội dung đã được dán!"); } </script> </body> </html> |
Demo
