Preventdefault trong javascript là gì

*



Bạn đang xem: Preventdefault trong javascript là gì

*

*



Xem thêm:

*
lúc viết hàm callback cho 1 sự kiện làm sao đó nlỗi clichồng vào một trong những button nhằm ngăn trình phê chuẩn không xử trí sự khiếu nại click theo nhỏng mang định thì cả tía biện pháp viết phần đa đem về hiệu quả ngay sát đồng nhất, cùng khám phá sự khác nhau giữa các thủ tục này nhé.

1. sự kiện.preventDefault()

Pmùi hương thức preventDefault() của đối tượng người dùng event được áp dụng để ngăn chặn xử lý mặc định của trình xem xét Lúc xảy ra sự kiện.lấy ví dụ như đoạn mã sau:

Trang chủLúc người tiêu dùng nhấp vào link links trình chuyên chú đang hiển thị hộp thoại cảnh báo với nội dung:bạn sẽ nhấp vào linkbên cạnh đó ngnạp năng lượng cản trình coi ngó chuyến qua người tiêu dùng cho tới trang https://taobontreem.com

2. event.stopPropagation()

Pmùi hương thức stopPropagation() của đối tượng người dùng sự kiện được sử dụng nhằm ngăn uống cấm đoán sự khiếu nại lan toả lên những phần tử thân phụ của bộ phận diễn ra sự khiếu nại.lấy ví dụ như cùng với đoạn mã sau: Trang chủ

Thì Lúc người tiêu dùng cliông chồng vào bộ phận a (đồng thời cũng chính là click vào phần tử p cất phần tử a) thì trình chuyên chú sẽ hiển thị vỏ hộp thoại lưu ý với nội dung:

bạn đã nhấp vào links Tiếp theo sự kiện.stopPropagation() đang ngăn cản sự kiện này lan toả tới phần tử thân phụ là thẻ p. Do đó hàm parentEventHandler() sẽ không còn được gọi cùng vẫn không có vỏ hộp thoại cảnh báo như thế nào được hiện ra. Cuối thuộc, vì chưng vào hàm callback ko áp dụng event.preventDefault() đề nghị tiếp đến trình chuẩn y vẫn đã gửi người tiêu dùng tới trang https://taobontreem.com

3. return false

Câu lệnh return false vào hàm callbaông xã của JavaScript để xử trí một sự kiện thực hiện hai nhiệm vụ:+ Ngăn uống chặn cách cách xử lý mang định của trình lưu ý khi sự kiện xảy ra giống hệt như preventDefault + Ngăn cản sự kiện lan toả tới phần tử cha giống hệt như stopPropagation Ví dụ cùng với đoạn mã sau: Trang chủ

Thì khi người dùng nhấp vào liên kết liên kết một vỏ hộp thoại lưu ý được hiện ra cùng với ngôn từ như sau:

bạn đang nhấp vào linkVà kế tiếp không có bất cứ hành vi làm sao không giống diễn ra vì return false ngnạp năng lượng cản trình chuyên chú chuyển tiếp người dùng tới landing page của link đôi khi ngnạp năng lượng cản sự khiếu nại nhấp chuột lan toả tới bộ phận cha p. Xin cảm ơn và hẹn chạm chán lại chúng ta trong số bài viết tiếp theo!


Xem thêm: How To Delete Ssfk Là Gì

Khác nhau giữa preventDefault với stopPropagation cùng return false

*
Reviewed by kentrung on October 29, 2019 Rating: 5

Chuyên mục: Tổng Hợp