E.preventdefault() là gì

  -  

Lúc viết hàm callbaông xã cho 1 sự khiếu nại như thế nào đó nhỏng clichồng vào trong 1 button để ngnạp năng lượng trình chăm chú ko cách xử trí sự khiếu nại cliông chồng theo nhỏng mang định thì cả nhì phương pháp viết như ngơi nghỉ sau đây đa số đem đến hiệu quả 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 bài toán lúc thực hiện return false thì không cần phải quan tâm cho tới tyêu thích số truyền vào là sự kiện thì giữa event.preventDefaul() cùng return false còn có điểm như thế nào không giống nhau?


40 upvote 6 downvote
Reply Save
Edit
Submit Cancel

2 Answer(s)


*
Hẹp Đường • 10 08, 20trăng tròn
ham mê đá bóng vào bongdalu nhé mình muốn bóng đá luôn luôn mong muốn chia sẻ soccer tuy nhiên chần chừ ở chỗ nào.


50 upvote 7 downvote
Reply Save sầu
phù hợp đá bóng vào bongdalu nhé mình thích soccer luôn luôn ước ao share đá bóng tuy nhiên chần chừ ở chỗ nào.
Submit Cancel
Submit Cancel

*
Đình Anh • 26 03, 2019

event.preventDefault()

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

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

Trang chủthì khi người tiêu dùng nhấp vào link link trình chăm bẵm vẫn hiển thị hộp thoại chú ý với nội dung:

chúng ta đang nhấp vào linkmặt khác ngăn cản trình trông nom sự chuyển tiếp giữa người dùng tới landing page của links link.

event.stopPropagation()

Pmùi hương thức stopPropagation() của đối tượng người tiêu dùng event được sử dụng nhằm ngăn cấm đoán sự kiện lan toả lên những bộ phận mẹ của bộ phận cơ mà sinh hoạt kia ra mắt sự kiện.

Xem thêm: Cách Làm Tôm Rang Thịt Ba Chỉ, Cách Làm Món Tôm Rang Thịt Ba Chỉ Ngon Chuẩn Vị

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

Trang chủ

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

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

Cuối cùng, vì chưng vào hàm callbachồng ko sử dụng event.preventDefault() phải tiếp đến trình duyệt y 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 callbachồng của JavaScript để xử trí một sự kiện được dùng làm thực hiện nhì nhiệm vụ:

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

Xem thêm: Phòng Vé Máy Bay Vietjet Air Đầy Đủ Và Chi Tiết Nhất, Phòng Vé Vietjet Air Lớn Nhất Việt Nam

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

Trang chủ

Thì Khi người tiêu dùng nhấp vào links link một hộp thoại lưu ý được hiện ra với nội dung nlỗi sau:

chúng ta đang nhấp vào linkVà kế tiếp không có bất kể hành vi nào không giống diễn ra bởi return false ngăn uống cản trình để mắt tới chuyển tiếp người tiêu dùng cho tới landingpage của link mặt khác ngnạp năng lượng cản sự kiện nhấn vào lan toả tới phần tử bà bầu p.


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

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

Trang chủ

```Thì khi người dùng nhấp vào link link một vỏ hộp thoại cảnh báo được chỉ ra với ngôn từ nlỗi sau: các bạn đang nhấp vào linkVà sau đó không tồn tại bất cứ hành vi làm sao khác diễn ra vị `return false` ngnạp năng lượng cản trình cẩn thận nối tiếp người dùng tới trang đích cần seo của link đôi khi ngăn cản sự khiếu nại nhấn vào lan toả cho tới thành phần bà bầu `p`.
Submit Cancel
Submit Cancel