Phương thức sự kiện PreventDefault ()
Thí dụ
Ngăn một liên kết mở URL:
document.getElementById("myAnchor").addEventListener("click", function(event){
event.preventDefault()
});
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
Phương thức PreventDefault () hủy sự kiện nếu nó có thể hủy được, nghĩa là hành động mặc định của sự kiện sẽ không xảy ra.
Ví dụ: điều này có thể hữu ích khi:
- Nhấp vào nút "Gửi", ngăn nó gửi biểu mẫu
- Nhấp vào một liên kết, ngăn liên kết theo sau URL
Lưu ý: Không phải tất cả các sự kiện đều có thể hủy bỏ. Sử dụng thuộc tính có thể hủy để tìm hiểu xem một sự kiện có thể hủy được hay không.
Lưu ý: Phương thức PreventDefault () không ngăn sự lan truyền thêm của một sự kiện thông qua DOM. Sử dụng phương thức stopPropagation () để xử lý điều này.
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ phương pháp này.
Method | |||||
---|---|---|---|---|---|
preventDefault() | Yes | 9.0 | Yes | Yes | Yes |
Cú pháp
event.preventDefault()
Thông số
Không có |
Chi tiết kỹ thuật
Giá trị trả lại: | Không có giá trị trả lại |
---|---|
Phiên bản DOM: | Sự kiện DOM cấp 2 |
Các ví dụ khác
Thí dụ
Ngăn chặn hành động mặc định của hộp kiểm:
document.getElementById("myCheckbox").addEventListener("click", function(event){
event.preventDefault()
});