Khi viết hàm callback cho 1 sự khiếu nại nào kia như click vào một trong những button để ngăn trình để ý không xử trí sự khiếu nại click theo như mặc định thì cả hai phương pháp viết như ở dưới đây đều chuyển về kết quả như nhau:

Cách 1: sử dụng event.preventDefault().

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

$("button").click(function (event) // code ... Event.preventDefault());Cách 2: thực hiện return false;.

$("button").click(function () // code ... Return false;);Ngoài bài toán khi áp dụng return false thì không nhất thiết phải quan trung tâm tới thông số truyền vào là sự kiện thì thân event.preventDefaul() cùng return false còn tồn tại điểm nào không giống nhau?


40 upvote 6 downvote
Reply Save
Edit
Submit Cancel

2 Answer(s)


*
không lớn Đường • 09 08, 2020
thích đá bóng vào bongdalu nhé mình đang có nhu cầu muốn bóng đá luôn luôn muốn chia sẻ bóng đá nhưng chần chừ ở đâu.


50 upvote 8 downvote
Reply Save
thích bóng đá vào bongdalu nhé mình muốn bóng đá luôn luôn muốn chia sẻ bóng đá nhưng lưỡng lự ở đâu.
Submit Cancel
Submit Cancel

*
Đình Anh • 25 03, 2019

event.preventDefault()

Phương thức preventDefault() của đối tượng người dùng event được thực hiện để ngăn chặn cách xử lý mặc định của trình cẩn thận khi xẩy ra sự kiện.

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

Trang chủthì khi người dùng nhấp vào link liên kết trình chăm bẵm sẽ hiển thị vỏ hộp thoại cảnh báo với nội dung:

bạn đang nhấp vào linkđồng thời rào cản trình chăm nom chuyển tiếp người dùng tới landing page của liên kết liên kết.

event.stopPropagation()

Phương thức stopPropagation() của đối tượng event được áp dụng để ngăn không cho sự khiếu nại lan toả lên các bộ phận mẹ của bộ phận mà sống đó ra mắt sự kiện.

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

Trang chủ

Thì khi người tiêu dùng click vào thành phần a (đồng thời cũng là click vào thành phần p chứa thành phần a) thì trình chú tâm sẽ hiển thị vỏ hộp thoại chú ý với nội dung:

bạn vẫn nhấp vào linkTiếp theo, thực hiện event.stopPropagation() trong hàm callback cách xử lý sự kiện bấm chuột vào liên kết liên kết sẽ bức tường ngăn sự khiếu nại này lan toả tới phần tử mẹ p. Do kia hàm parentEventHandler() sẽ không còn được điện thoại tư vấn và đang không có hộp thoại chú ý nào khác được hiện tại ra.

Cuối cùng, bởi vì trong hàm callback không áp dụng event.preventDefault() nên tiếp đến trình chăm chú vẫn đang chuyển người dùng tới trang chủ www.hoclaptrinh.org.

return false

Câu lệnh return false trong hàm callback của JavaScript để cách xử lý một sự kiện được dùng làm thực hiện nhị nhiệm vụ:

Ngăn chặn biện pháp xử lý mang định của trình thông qua khi sự khiếu nại xảy ra giống như event.preventDefault().Ngăn cản sự khiếu nại lan toả tới phần tử mẹ y như event.stopPropagation().

Xem thêm: Con Cò Tiếng Anh Là Gì : Định Nghĩa, Ví Dụ Anh Việt, Con Cò Tiếng Anh Là Gì

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

Trang chủ

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

bạn sẽ nhấp vào linkVà sau đó không có bất kể hành hễ nào khác diễn ra do return false ngăn cản trình chăm bẵm chuyển tiếp người tiêu dùng tới trang đích cần seo của link đồng thời rào cản sự kiện click chuột lan toả tới bộ phận mẹ p.


## event.preventDefault()Phương thức `preventDefault()` của đối tượng `event` được áp dụng để ngăn ngừa cách cách xử lý mặc định của trình coi ngó khi xảy ra sự kiện.Ví dụ đoạn mã sau:```jsTrang chủ```thì khi người tiêu dùng nhấp vào links liên kết 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 linkđồng thời bức tường ngăn trình chuyên chú chuyển tiếp người dùng tới landingpage của liên kết liên kết.# event.stopPropagation()Phương thức `stopPropagation()` của đối tượng người sử dụng `event` được sử dụng để ngăn không cho sự kiện lan toả lên các bộ phận mẹ của thành phần mà nghỉ ngơi đó ra mắt sự kiện.Ví dụ với đoạn mã sau:```js Trang chủ

```Thì khi người dùng click vào thành phần `a` (đồng thời cũng là click vào bộ phận `p` chứa phần tử `a`) thì trình chu đáo sẽ hiển thị hộp thoại lưu ý với nội dung: bạn đã nhấp vào linkTiếp theo, thực hiện `event.stopPropagation()` vào hàm callback cách xử trí sự kiện bấm chuột vào link liên kết sẽ rào cản sự kiện này lan toả tới thành phần mẹ `p`. Cho nên vì thế hàm `parentEventHandler()` sẽ không còn được call và vẫn **không** bao gồm hộp thoại cảnh báo nào không giống được hiện tại ra.Cuối cùng, bởi trong hàm callback không áp dụng `event.preventDefault()` nên kế tiếp trình lưu ý vẫn sẽ chuyển người tiêu dùng tới trang chủ www.hoclaptrinh.org.## return falseCâu lệnh `return false` vào hàm callback của JavaScript để xử lý một sự khiếu nại được dùng để thực hiện nhị nhiệm vụ:- ngăn chặn cách cách xử trí mặc định của trình chú tâm khi sự khiếu nại xảy ra giống như `event.preventDefault()`.- bức tường ngăn sự khiếu nại lan toả tới bộ phận mẹ y hệt như `event.stopPropagation()`.Ví dụ với đoạn mã sau:```js

Trang chủ

```Thì khi người dùng nhấp vào links liên kết một hộp thoại lưu ý được hiển thị với văn bản như sau: các bạn đã nhấp vào linkVà kế tiếp không có bất cứ hành cồn nào khác diễn ra do `return false` ngăn cản trình duyệt y chuyển tiếp người 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ả tới thành phần mẹ `p`.
Submit Cancel
Submit Cancel