Khác Nhau Giữa Preventdefault Và Stoppropagation Và Return False

Lúc viết hàm callbaông chồng cho 1 sự khiếu nại nào đó nhỏng clichồng vào một trong những button nhằm ngăn trình chăm bẵm không giải pháp xử lý sự kiện clichồng theo như mang định thì cả hai biện pháp viết nlỗi nghỉ ngơi sau đây phần đông đem đến công dụng nhỏng nhau:

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

Bạn đang xem: Khác nhau giữa preventdefault và stoppropagation và return false

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

$("button").click(function () // code ... return false;);Ngoài bài toán khi sử dụng return false thì không cần phải quan tâm cho tới tmê say số truyền vào là sự kiện thì thân event.preventDefaul() và return false còn có điểm nào không giống nhau?


40 upvote 6 downvote
Reply Save
Edit
Submit Cancel

2 Answer(s)


*
Hẹp Đường • 09 08, 2020
thích soccer vào bongdalu nhé mình muốn đá bóng luôn mong share bóng đá nhưng phân vân chỗ nào.


50 upvote 7 downvote
Reply Save sầu
phù hợp bóng đá vào bongdalu nhé mình muốn soccer luôn mong muốn chia sẻ đá bóng tuy nhiên đắn đo chỗ nào.
Submit Cancel
Submit Cancel

*
Đình Anh • 25 03, 2019

event.preventDefault()

Pmùi hương thức preventDefault() của đối tượng người dùng sự kiện được áp dụng để ngăn ngừa bí quyết xử lý khoác định của trình duyệt khi xẩy ra sự kiện.

Ví dụ đoạn mã sau:

Trang chủthì Lúc người dùng nhấp vào link link trình cẩn thận vẫn hiển thị vỏ hộp thoại cảnh báo cùng với nội dung:

bạn sẽ nhấp vào linkbên cạnh đó ngăn uống cản trình chăm bẵm sự chuyển tiếp giữa người tiêu dùng cho tới landing page của liên kết link.

event.stopPropagation()

Phương thức stopPropagation() của đối tượng người sử dụng event được áp dụng để ngăn quán triệt sự khiếu nại lan toả lên các phần tử người mẹ của thành phần nhưng mà sống đó ra mắt sự kiện.

Xem thêm: Sinh Năm Kỷ Hợi Mệnh Gì, Tuổi Gì, Hợp Màu Gì, Hợp Tuổi Nào, Hướng Nào?

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

Trang chủ

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

chúng ta đã nhấp vào linkTiếp theo, áp dụng event.stopPropagation() trong hàm callbaông xã xử lý sự kiện nhấn vào vào liên kết liên kết sẽ ngăn uống cản sự kiện này lan toả tới thành phần người mẹ p. Do đó hàm parentEventHandler() sẽ không được điện thoại tư vấn cùng đã không tất cả vỏ hộp thoại cảnh báo nào khác được chỉ ra.

Cuối cùng, vày trong hàm callbaông chồng ko áp dụng event.preventDefault() cần kế tiếp trình chăm sóc vẫn sẽ chuyển người tiêu dùng cho tới Home www.hoclaptrinh.org.

return false

Câu lệnh return false trong hàm callbaông xã của JavaScript nhằm xử lý một sự khiếu nại được dùng làm thực hiện hai nhiệm vụ:

Ngăn uống ngăn bí quyết xử trí khoác định của trình để mắt lúc sự kiện xẩy ra hệt như sự kiện.preventDefault().Ngăn cản sự khiếu nại lan toả cho tới phần tử mẹ giống như sự kiện.stopPropagation().

lấy một ví dụ với đoạn mã sau:

Trang chủ

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

các bạn sẽ nhấp vào linkVà sau đó không có bất kể hành vi nào không giống ra mắt vì chưng return false ngăn uống cản trình chuyên chú chuyển tiếp người dùng cho tới landingpage của liên kết đồng thời ngăn uống cản sự kiện bấm vào lan toả cho tới thành phần bà mẹ p.


## event.preventDefault()Phương thức `preventDefault()` của đối tượng người sử dụng `event` được áp dụng nhằm ngăn chặn cách giải pháp xử lý khoác định của trình phê chuẩn Lúc xẩy ra sự khiếu nại.ví dụ như đoạn mã sau:```jsTrang chủ```thì Khi người tiêu dùng nhấp vào liên kết liên kết trình trông nom đang hiển thị vỏ hộp thoại lưu ý cùng với nội dung: các bạn đang nhấp vào linkđôi khi ngăn uống cản trình chú ý chuyển tiếp người tiêu dùng tới trang đích của liên kết links.# sự kiện.stopPropagation()Pmùi hương thức `stopPropagation()` của đối tượng `event` được áp dụng để ngnạp năng lượng không cho sự kiện lan toả lên những thành phần chị em của bộ phận mà nghỉ ngơi đó diễn ra sự khiếu nại.lấy một ví dụ cùng với đoạn mã sau:```js Trang chủ

```Thì Lúc người dùng click vào phần tử `a` (bên cạnh đó cũng là clichồng vào bộ phận `p` chứa bộ phận `a`) thì trình thông qua vẫn hiển thị vỏ hộp thoại lưu ý với nội dung: chúng ta đã nhấp vào linkTiếp theo, áp dụng `sự kiện.stopPropagation()` vào hàm callbachồng xử lý sự khiếu nại bấm vào vào liên kết liên kết sẽ ngăn uống cản sự kiện này lan toả cho tới bộ phận bà bầu `p`. Do kia hàm `parentEventHandler()` sẽ không còn được Gọi và sẽ **không** bao gồm hộp thoại lưu ý như thế nào không giống được hiện ra.Cuối cùng, vì chưng trong hàm callback không sử dụng `sự kiện.preventDefault()` phải tiếp đến trình chú tâm vẫn đã gửi người dùng tới trang chủ www.hoclaptrinc.org.## return falseCâu lệnh `return false` trong hàm callbaông xã của JavaScript nhằm giải pháp xử lý một sự khiếu nại được dùng để làm thực hiện hai nhiệm vụ:- Ngăn ngăn phương pháp cách xử trí khoác định của trình trông nom lúc sự khiếu nại xẩy ra y như `event.preventDefault()`.- Ngnạp năng lượng cản sự khiếu nại lan toả cho tới phần tử bà mẹ y hệt như `sự kiện.stopPropagation()`.lấy một ví dụ cùng với đoạn mã sau:```js

Trang chủ

```Thì Lúc người tiêu dùng nhấp vào liên kết links một hộp thoại chú ý được hiển thị cùng với văn bản như sau: chúng ta đã nhấp vào linkVà kế tiếp không có bất kể hành động làm sao không giống diễn ra vì chưng `return false` ngăn uống cản trình để mắt tới chuyến qua người tiêu dùng tới trang đích cần seo của liên kết đôi khi ngăn cản sự kiện click chuột lan toả tới phần tử mẹ `p`.
Submit Cancel
Submit Cancel