PREVENTDEFAULT LÀ GÌ

Mỗi sự khiếu nại chúng ta có thể có khá nhiều hành vi. lấy ví dụ như các bạn bao gồm một sự khiếu nại là dịch Covid-19 thì bạn sẽ bao gồm hành vi trong sự khiếu nại đó là đeo khẩu trang y tế, làm remote, trường đoản cú bí quyết ly phiên bản thân, ...

Bạn đang xem: Preventdefault là gì

Lúc ta thao tác cùng với javascript nói chung cùng sự kiện trong Javascript nói riêng.

Chúng ta thường xuyên phát âm với nghe biết sự kiện là một hành vi như thế nào kia tác động lên đối tượng người tiêu dùng HTML nhưng mà ta có thể bắt được sự khiếu nại này và triển khai những hành vi như thế nào đó.

*

Tóm Tắt

lúc viết hàm callbaông xã cho một sự khiếu nại như thế nào đó nlỗi cliông chồng vào trong 1 button để ngnạp năng lượng trình để ý không giải pháp xử lý sự kiện click theo nlỗi mặc định thì thường chúng ta có các method để xử trí sự kiện sau thời điểm cách xử lý callback ngừng .Chúng ta đang lướt qua xem chúng là gì nhé :

Event.createEvent()

Tạo một sự khiếu nại bắt đầu, sự kiện này sau đó cần được khởi tạo thành bằng cách Call phương thức initEvent () của nó.

Event.composedPath()

Trả về băng thông của sự việc kiện (những đối tượng mà bạn nghe sẽ tiến hành gọi). Điều này sẽ không bao hàm những nodes trong shadow trees nếu shadow root được tạo ra bởi chế độ ShadowRoot.mode bị đóng góp.

Event.initEvent()

Khởi chế tác cực hiếm của một Sự kiện được tạo. Nếu sự khiếu nại đã có gửi đi, phương thức này không có tính năng gì.

Event.preventDefault()

Hủy sự kiện (trường hợp hoàn toàn có thể hủy).

Xem thêm: Học Ngành Tài Chính Ngân Hàng Ra Làm Gì ? Học Tài Chính Ngân Hàng Ra Làm Gì

Event.stopImmediatePropagation()

Đối với sự khiếu nại rõ ràng này, hãy ngăn toàn bộ những người nghe khác được Hotline. Như vậy bao hàm những trình nghe được thêm cùng với cùng một phần tử cũng như đông đảo bộ phận được đính với những thành phần sẽ tiến hành chăm sóc qua sau

Event.stopPropagation()

Ngừng truyền các sự khiếu nại vào DOM.

Nhưng từ bây giờ bọn họ sẽ đi sâu vào 3 sự khiếu nại chủ yếu thường được sử dụng như title nội dung bài viết có nói đến .

1. Event.preventDefault

*

Nguồn hình ảnh : https://alligator.io/js/preventdefault/

Pmùi hương thức preventDefault() của đối tượng sự kiện được thực hiện để ngăn chặn bí quyết cách xử lý mặc định của trình cẩn thận khi xảy ra sự khiếu nại.

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

a href="www.https://gamesbaidoithuong.com/">Trang chủ/a>script type="text/javascript">$("a").click(function (event) alert("Quý Khách bấm vào links rồi"); sự kiện.preventDefault());/script>thì Lúc người dùng nhấp vào link liên kết trình chú ý đã hiển thị vỏ hộp thoại chú ý cùng với nội dung:

Quý khách hàng nhấn vào liên kết rồibên cạnh đó ngăn cản trình duyệt y chuyến qua người tiêu dùng cho tới trang đích của links links.

2. Event.stopPropagation

*

Pmùi hương thức stopPropagation() của đối tượng người sử dụng event được áp dụng để ngnạp năng lượng quán triệt sự khiếu nại lan toả lên những bộ phận mẹ của bộ phận mà sống kia ra mắt sự khiếu nại.

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

Trang chủThì Khi người tiêu dùng click vào bộ phận p (đôi khi cũng chính là click vào bộ phận a đựng thành phần p) thì trình thông qua sẽ hiển thị vỏ hộp thoại lưu ý với nội dung:

quý khách sẽ nhấp vào bộ phận pTiếp theo, thực hiện event.stopPropagation() trong hàm callbaông chồng cách xử trí sự kiện nhấn vào vào thẻ p link đang ngăn cản sự khiếu nại này lan toả cho tới phần tử bà mẹ a. Do kia hàm parentEventHandler() sẽ không được gọi cùng đang không tồn tại hộp thoại lưu ý như thế nào không giống được hiện ra.

Cuối thuộc, vày vào hàm callback ko thực hiện event.preventDefault() đề xuất tiếp nối trình săn sóc vẫn vẫn gửi người tiêu dùng tới trang chủ www.gamesbaidoithuong.com.

3. Event.stopImmediatePropagation

stopPropagation sẽ ngăn ngẫu nhiên trình xử lý cha mẹ như thế nào được thực hiện stopImmediatePropagationsẽ ngnạp năng lượng ngẫu nhiên trình xử lý phụ huynh làm sao cùng bất kỳ trình giải pháp xử lý như thế nào không giống thực thi

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

example

Xử lý phía Javascript

$("p").click(function(event) event.stopImmediatePropagation();); $("p").click(function(event) // Chức năng này sẽ không được tiến hành $(this).css("background-color", "#f00"););