KHÁC NHAU GIỮA PREVENTDEFAULT VÀ STOPPROPAGATION VÀ RETURN FALSE

khi viết hàm callbachồng cho một sự kiện như thế nào kia như clichồng vào một trong những button để ngnạp năng lượng trình lưu ý không xử trí sự kiện cliông chồng theo như khoác định thì cả nhị bí quyết viết nhỏng làm việc dưới đây rất nhiều mang lại kết quả như 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 ... sự kiện.preventDefault());Cách 2: Sử dụng return false;.

$("button").click(function () // code ... return false;);Ngoài bài toán lúc sử dụng return false thì không nhất thiết phải quyên tâm tới tsay đắm số truyền vào là event thì giữa event.preventDefaul() cùng return false còn tồn tại điểm như thế nào không giống nhau?


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

2 Answer(s)


*
Hẹp Đường • 10 08, 20trăng tròn
say đắm soccer vào bongdalu nhé mình đang có nhu cầu muốn soccer luôn mong muốn share đá bóng tuy nhiên lần khần ở đâu.


50 upvote 7 downvote
Reply Save
mê say bóng đá vào bongdalu nhé mình đang có nhu cầu muốn soccer luôn ý muốn share soccer tuy vậy đắn đo ở chỗ nào.
Submit Cancel
Submit Cancel

*
Đình Anh • 26 03, 2019

sự kiện.preventDefault()

Phương thức preventDefault() của đối tượng người tiêu dùng event được áp dụng để ngăn ngừa biện pháp xử trí mang định của trình coi xét Lúc xẩy ra sự kiện.

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

Trang chủthì lúc người dùng nhấp vào liên kết links trình chăm chú đã hiển thị hộp thoại chú ý với nội dung:

các bạn đang nhấp vào linkbên cạnh đó ngăn uống cản trình duyệt chuyển tiếp người dùng cho tới landing page của link liên kết.

sự kiện.stopPropagation()

Pmùi hương thức stopPropagation() của đối tượng người dùng event được sử dụng để ngăn uống không cho sự kiện lan toả lên các bộ phận chị em của phần tử cơ mà sinh hoạt đó diễn ra sự kiện.

Xem thêm: Khí Hàn Gió Đá Là Gì - Khí Hàn Gió Đá, Hàn Gió Đá Bằng Khí Gì

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

Trang chủ

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

chúng ta vẫn nhấp vào linkTiếp theo, áp dụng sự kiện.stopPropagation() vào hàm callback cách xử trí sự khiếu nại nhấp chuột vào links links sẽ ngnạp năng lượng cản sự khiếu nại này lan toả tới bộ phận người mẹ p. Do kia hàm parentEventHandler() sẽ không được điện thoại tư vấn với sẽ không tất cả hộp thoại lưu ý làm sao khác được hiện ra.

Cuối thuộc, vị trong hàm callbachồng ko thực hiện event.preventDefault() cần kế tiếp trình trông nom vẫn sẽ gửi người dùng cho tới trang chủ www.hoclaptrinch.org.

return false

Câu lệnh return false vào hàm callbaông chồng của JavaScript nhằm cách xử trí một sự kiện được dùng để triển khai nhị nhiệm vụ:

Ngnạp năng lượng chặn giải pháp xử lý mang định của trình xem xét Khi sự kiện xẩy ra giống hệt như event.preventDefault().Ngăn cản sự kiện lan toả cho tới bộ phận bà mẹ hệt như sự kiện.stopPropagation().

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

Trang chủ

Thì Lúc người dùng nhấp vào link link một hộp thoại lưu ý được hiển thị cùng với văn bản nhỏng sau:

bạn đang nhấp vào linkVà kế tiếp không tồn tại bất cứ hành vi nào không giống diễn ra do return false ngăn uống cản trình coi ngó nối tiếp người dùng tới trang đích của link bên cạnh đó ngăn uống cản sự kiện click chuột lan toả cho tới thành phần chị em p.


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

```Thì lúc người tiêu dùng clichồng vào bộ phận `a` (đôi khi cũng là clichồng vào phần tử `p` cất bộ phận `a`) thì trình chuẩn y vẫn hiển thị vỏ hộp thoại lưu ý cùng với nội dung: bạn sẽ nhấp vào linkTiếp theo, áp dụng `event.stopPropagation()` trong hàm callbaông xã xử trí sự kiện nhấp chuột vào link links đã ngnạp năng lượng cản sự kiện này lan toả tới phần tử bà bầu `p`. Do đó hàm `parentEventHandler()` sẽ không được Điện thoại tư vấn và sẽ **không** gồm hộp thoại lưu ý nào không giống được hiện ra.Cuối cùng, vì trong hàm callbaông xã ko thực hiện `sự kiện.preventDefault()` nên sau đó trình chăm sóc vẫn đã gửi người tiêu dùng cho tới trang chủ www.hoclaptrinc.org.## return falseCâu lệnh `return false` trong hàm callback của JavaScript nhằm giải pháp xử lý một sự kiện được dùng làm tiến hành nhì nhiệm vụ:- Ngăn chặn cách xử lý mặc định của trình trông nom khi 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ả tới thành phần mẹ hệt như `sự kiện.stopPropagation()`.Ví dụ cùng với đoạn mã sau:```js

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 ra với ngôn từ nlỗi sau: bạn sẽ nhấp vào linkVà sau đó không có bất cứ hành vi như thế nào không giống ra mắt vày `return false` ngăn uống cản trình ưng chuẩn chuyến qua người tiêu dùng tới trang đích của liên kết đồng thời ngăn cản sự kiện bấm chuột lan toả cho tới phần tử mẹ `p`.
Submit Cancel
Submit Cancel

Leave a Reply

Your email address will not be published. Required fields are marked *