Lúc viết hàm callbaông chồng cho 1 sự kiện nào kia nhỏng cliông xã vào một button nhằm ngnạp năng lượng trình chăm sóc ko xử lý sự kiện cliông chồng theo nhỏng khoác định thì cả nhì giải pháp viết nhỏng làm việc dưới đây phần đa mang đến tác dụng nlỗi nhau:

Cách 1: Sử dụng sự kiện.preventDefault().

Bạn đang xem: E.preventdefault() là gì

$("button").click(function (event) // code ... sự kiện.preventDefault());Cách 2: Sử dụng return false;.

$("button").click(function () // code ... return false;);Ngoài vấn đề Lúc áp dụng return false thì không nhất thiết phải quyên tâm cho tới tsay mê số truyền vào là sự kiện thì thân sự kiện.preventDefaul() cùng return false còn có điểm nào khác nhau?


40 upvote 6 downvote
Reply Save sầu
Edit
Submit Cancel

2 Answer(s)


*
Hẹp Đường • 10 08, 2020
đam mê soccer vào bongdalu nhé mình thích bóng đá luôn luôn mong muốn chia sẻ bóng đá mà lại chần chờ nơi đâu.


50 upvote 7 downvote
Reply Save
ưng ý soccer vào bongdalu nhé mình muốn bóng đá luôn ao ước share đá bóng tuy thế đắn đo ở đâu.
Submit Cancel
Submit Cancel

*
Đình Anh • 26 03, 2019

event.preventDefault()

Phương thức preventDefault() của đối tượng sự kiện được sử dụng để ngăn chặn cách cách xử trí mang định của trình chăm bẵm lúc xảy ra sự kiện.

lấy ví dụ như đoạn mã sau:

Trang chủthì Khi người tiêu dùng nhấp vào link links trình phê chuẩn đang hiển thị vỏ hộp thoại cảnh báo với nội dung:

chúng ta sẽ nhấp vào linkbên cạnh đó ngnạp năng lượng cản trình để ý chuyến qua người dùng tới trang đích của link links.

event.stopPropagation()

Phương thơm thức stopPropagation() của đối tượng người dùng event được sử dụng nhằm ngnạp năng lượng quán triệt sự khiếu nại lan toả lên những bộ phận chị em của phần tử nhưng ngơi nghỉ đó ra mắt sự kiện.

Xem thêm: Ordinary Passport Là Gì - Công Dụng Và Cách Làm Hộ Chiếu Mới Nhất

lấy ví dụ cùng với đoạn mã sau:

Trang chủ

Thì khi người dùng clichồng vào bộ phận a (đồng thời cũng chính là clichồng vào thành phần p cất phần tử a) thì trình xem xét đang hiển thị hộp thoại cảnh báo với nội dung:

các bạn vẫn nhấp vào linkTiếp theo, sử dụng event.stopPropagation() vào hàm callbachồng cách xử lý sự kiện bấm vào vào liên kết liên kết sẽ ngăn uống cản sự khiếu nại này lan toả tới bộ phận bà mẹ p. Do kia hàm parentEventHandler() sẽ không còn được gọi với sẽ không có hộp thoại lưu ý nào không giống được hiển thị.

Cuối cùng, vày trong hàm callback không sử dụng sự kiện.preventDefault() bắt buộc tiếp đến trình coi sóc vẫn vẫn đưa người dùng tới trang chủ www.hoclaptrinch.org.

return false

Câu lệnh return false trong hàm callback của JavaScript nhằm xử trí một sự khiếu nại được dùng để làm tiến hành nhị nhiệm vụ:

Ngăn chặn bí quyết xử lý mang định của trình chăm nom Khi sự khiếu nại xảy ra giống hệt như sự kiện.preventDefault().Ngăn cản sự kiện lan toả tới thành phần chị em y hệt như sự kiện.stopPropagation().

Xem thêm: Sio2 Là Gì - Sio2 Là Oxit Gì

lấy ví dụ 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 hộp thoại cảnh báo được hiển thị với ngôn từ nhỏng sau:

chúng ta đang nhấp vào linkVà tiếp nối không tồn tại bất cứ hành vi làm sao không giống diễn ra bởi return false ngnạp năng lượng cản trình chú tâm nối tiếp người dùng cho tới trang đích của link bên cạnh đó ngăn uống cản sự khiếu nại click chuột lan toả cho tới bộ phận mẹ p.


## sự kiện.preventDefault()Phương thơm thức `preventDefault()` của đối tượng `event` được áp dụng nhằm ngăn ngừa biện pháp cách xử trí khoác định của trình chăm nom Khi xảy ra sự khiếu nại.ví dụ như đoạn mã sau:```jsTrang chủ```thì Lúc người tiêu dùng nhấp vào link link trình chăm bẵm đã hiển thị hộp thoại lưu ý với nội dung: bạn sẽ nhấp vào linkđồng thời ngăn cản trình chăm chút chuyến qua người dùng cho tới landingpage của link links.# event.stopPropagation()Phương thơm thức `stopPropagation()` của đối tượng `event` được áp dụng nhằm ngăn uống cấm đoán sự khiếu nại lan toả lên các bộ phận bà bầu của thành phần nhưng sống kia diễn ra sự kiện.lấy một ví dụ với đoạn mã sau:```js Trang chủ

```Thì khi người dùng clichồng vào bộ phận `a` (bên cạnh đó cũng chính là click vào phần tử `p` chứa thành phần `a`) thì trình chăm chút đang hiển thị vỏ hộp thoại cảnh báo cùng với nội dung: chúng ta sẽ nhấp vào linkTiếp theo, thực hiện `sự kiện.stopPropagation()` trong hàm callbaông xã cách xử trí sự khiếu nại bấm chuột vào links links vẫn ngnạp năng lượng cản sự kiện này lan toả tới bộ phận mẹ `p`. Do đó hàm `parentEventHandler()` sẽ không còn được hotline và đang **không** bao gồm hộp thoại chú ý làm sao không giống được chỉ ra.Cuối thuộc, vị trong hàm callbaông chồng không thực hiện `event.preventDefault()` đề xuất tiếp nối trình cẩn thận vẫn đang gửi người tiêu dùng tới trang chủ www.hoclaptrinh.org.## return falseCâu lệnh `return false` trong hàm callbaông chồng của JavaScript để xử trí một sự khiếu nại được dùng làm thực hiện hai nhiệm vụ:- Ngăn ngăn bí quyết giải pháp xử lý mang định của trình phê chuẩn khi sự kiện xảy ra y hệt như `sự kiện.preventDefault()`.- Ngăn uống cản sự khiếu nại lan toả tới phần tử bà mẹ y như `sự kiện.stopPropagation()`.lấy một ví dụ với đoạn mã sau:```js

Trang chủ

```Thì Lúc người dùng nhấp vào link links một vỏ hộp thoại lưu ý được chỉ ra cùng với ngôn từ nhỏng sau: bạn đã nhấp vào linkVà tiếp đến không có bất kể hành động nào không giống ra mắt bởi `return false` ngăn uống cản trình cẩn thận sự chuyển tiếp giữa người dùng tới trang đích của liên kết bên cạnh đó ngăn cản sự khiếu nại bấm chuột lan toả tới thành phần chị em `p`.
Submit Cancel
Submit Cancel