phương thức preventDefault() sự kiện

Sự kiện DOM Đối tượng Event

Định nghĩa và cách sử dụng

Nếu sự kiện có thể huỷ bỏ, phương thức preventDefault() sẽ huỷ bỏ sự kiện đó, điều này có nghĩa là hành động mặc định của sự kiện sẽ không xảy ra.

ví dụ, nó có ích trong các trường hợp sau:

  • bấm vào nút "Gửi", ngăn chặn việc gửi biểu mẫu
  • bấm vào liên kết, ngăn chặn liên kết theo URL

Ghi chú:Không phải tất cả các hoạt động đều có thể huỷ bỏ. Hãy sử dụng Thuộc tính cancelable để xác định sự kiện có thể huỷ bỏ hay không.

Ghi chú:phương thức preventDefault() không ngăn chặn sự kiện truyền播 qua DOM thêm. Hãy sử dụng phương thức stopPropagation() để giải quyết.

thực例

ví dụ 1

ngăn chặn liên kết mở URL:

document.getElementById("myAnchor").addEventListener("click", function(event){
  event.preventDefault();
);

thử trực tiếp một lần

ví dụ 2

ngăn chặn hành động mặc định của ô kiểm tra:

document.getElementById("myCheckbox").addEventListener("click", function(event){
  event.preventDefault();
);

thử trực tiếp một lần

cú pháp

sự kiện.preventDefault()

Tham số

Không có.

Chi tiết kỹ thuật

Giá trị trả về: Không có giá trị trả về.
Phiên bản DOM: DOM Level 2 Events

Hỗ trợ trình duyệt

Số trong bảng cho biết phiên bản trình duyệt đầu tiên hỗ trợ hoàn toàn phương pháp này.

Phương pháp Chrome IE Firefox Safari Opera
preventDefault() Hỗ trợ 9.0 Hỗ trợ Hỗ trợ Hỗ trợ
Sự kiện DOM Đối tượng Event