Sự kiện onpaste
Thí dụ
Thực thi JavaScript khi dán một số văn bản trong phần tử <input>:
<input type="text" onpaste="myFunction()" value="Paste something in here">
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 onpaste xảy ra khi người dùng dán một số nội dung vào một phần tử.
Lưu ý: Mặc dù sự kiện onpaste được hỗ trợ bởi tất cả các phần tử HTML, nhưng thực tế không thể dán một số nội dung vào, ví dụ như phần tử <p>, BỎ QUA phần tử đã đặt contenteditable thành "true" (Xem "Các ví dụ khác" bên dưới ).
Mẹo: Sự kiện onpaste chủ yếu được sử dụng trên các phần tử <input> có type = "text".
Mẹo: Có ba cách để dán một số nội dung vào một phần tử:
- Nhấn CTRL + V
- Chọn "Dán" 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 "Dán".
Hỗ trợ trình duyệt
Event | |||||
---|---|---|---|---|---|
onpaste | Yes | Yes | Yes | Yes | Yes |
Cú pháp
Trong HTML:
<element onpaste="myScript">
Trong JavaScript:
object.onpaste = function(){myScript};
Trong JavaScript, sử dụng phương thức addEventListener ():
object.addEventListener("paste", 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 dán một số văn bản trong phần tử <p> (Lưu ý rằng contenteditable được đặt thành "true"):
<p contenteditable="true" onpaste="myFunction()">Try to paste something inside this paragraph.</p>
Các trang liên quan
Tham chiếu DOM HTML: sự kiện nội soi
Tham chiếu DOM HTML: sự kiện oncut