Hỏi đáp

preventdefault là gì – viettingame

Mỗi sự khiếu nại chúng ta thậm chí sở hữu nhiều hành vi. Ví dụ các bạn sở hữu một sự khiếu nại là dịch Covid-19 thì các bạn sẽ sở hữu những hành vi trong sự khiếu nại này là đeo khẩu trang chống bụi, làm remote, tự cách ly bạn dạng thân, …

Đang xem: Preventdefault là gì

Lúc ta thao tác với javascript nói tóm lại và sự kiện trong Javascript nói riêng.

Chúng ta thường hiểu và nghe đến sự khiếu nại là một hành vi nào khác tác động lên đối tượng người dùng HTML mà ta thậm chí bắt được sự khiếu nại này và triển khai những hành vi nào khác.

*

Tóm Tắt

Lúc viết hàm callback cho một sự khiếu nại nào khác như nhấp chuột vào một trong những button để ngăn trình duyệt ko xử lý sự khiếu nại nhấp chuột theo như mặc định thì thường chúng ta sở hữu những method để xử lý sự kiện sau lúc xử lý callback xong . Chúng ta sẽ lướt qua xem chúng là gì nhé :

Sự kiện.createEvent()

Tạo một sự khiếu nại mới, sự khiếu nại này sau đó phải được khởi tạo bằng phương pháp gọi phương thức initEvent () của nó.

Sự kiện.composedPath()

Trả về truyền dẫn của sự khiếu nại (những đối tượng người dùng mà người nghe sẽ được gọi). Điều này ko bao hàm những nodes trong shadow trees nếu shadow root được tạo bằng cơ chế ShadowRoot.mode bị đóng.

Sự kiện.initEvent()

Khởi tạo giá trị của một Sự khiếu nại được tạo. Nếu sự khiếu nại đã được gửi đi, phương pháp này mất công dụng gì.

Sự kiện.preventDefault()

Hủy sự khiếu nại (nếu thậm chí hủy).

Sự kiện.stopImmediatePropagation()

So với sự khiếu nại ví dụ này, hãy ngăn toàn bộ những người nghe khác được gọi. Điều này bao hàm những trình nghe được gắn với cùng một thực thể cũng như những thực thể được gắn với những thực thể sẽ được duyệt qua sau

Sự kiện.stopPropagation()

Ngừng truyền những sự khiếu nại trong DOM.

Xem thêm: Hướng Dẫn Làm Thơ Thất Ngôn Bát Cú Hay Nhất, Thất Ngôn Bát Cú

Nhưng ngày hôm nay chúng ta sẽ đi sâu vào 3 sự khiếu nại chính hay sử dụng như tiêu đề nội dung bài viết sở hữu nhắc tới .

1. Sự kiện.preventDefault

*

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

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

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

<a href=“www.https://viettingame.com/”>Trang chủ</a> <script type=“text/javascript”> $(“a”).nhấp chuột(function (sự kiện) ); </script>

thì lúc người sử dụng nhấp vào link link trình duyệt sẽ hiển thị hộp thoại chú ý với nội dung:

Chúng ta nhấn vào link rồi

đồng thời cùng lúc ngăn ngừa trình duyệt chuyển tiếp người sử dụng tới trang đích của link link.

2. Sự kiện.stopPropagation

*

Phương thức stopPropagation() của đối tượng người dùng sự kiện được sử dụng để ngăn ko cho sự khiếu nại lan toả lên những thực thể mẹ của thực thể mà ở đó ra mắt sự khiếu nại.

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

<a onclick=”parentEventHandler()”> <p href=”www.viettingame.com”>Trang chủvàlt;/avàgt; </avàgt; <script type=”text/javascript”> // hàm callback xử lý sự khiếu nại nhấp chuột vào thực thể “a” function parentEventHandler() ; // đoạn mã jQuery đăng ký hàm callback để xử lý sự khiếu nại nhấp chuột vào thực thể “p” $(“p”).nhấp chuột(function (sự kiện) ); </scriptvàgt;

Thì lúc người sử dụng nhấp chuột vào thực thể p (đồng thời cùng lúc cũng là nhấp chuột vào thực thể a chứa thực thể p) thì trình duyệt sẽ hiển thị hộp thoại chú ý với nội dung:

Chúng ta đã nhấp vào thực thể p

Tiếp theo, sử dụng sự kiện.stopPropagation() trong hàm callback xử lý sự khiếu nại nhấp chuột vào thẻ p link sẽ ngăn ngừa sự khiếu nại này lan toả tới thực thể mẹ a. Do đó hàm parentEventHandler() sẽ không còn được gọi và sẽ không tồn tại hộp thoại chú ý nào khác được hiện ra.

Xem thêm: Tách bóc Term: Dark Academia Là Gì, Nghĩa Của Từ Academia, Nghĩa Của Từ Academia

Ở đầu cuối, vì thế trong hàm callback ko sử dụng sự kiện.preventDefault() nên sau đó trình duyệt vẫn sẽ chuyển người sử dụng tới trang chủ www.viettingame.com.

3. Sự kiện.stopImmediatePropagation

stopPropagation sẽ ngăn ngẫu nhiên trình xử lý phụ vương mẹ nào được thực thi stopImmediatePropagationsẽ ngăn ngẫu nhiên trình xử lý phụ vương mẹ nào và ngẫu nhiên trình xử lý nào khác thực thi

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

<script src=”https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js”></scriptvàgt; <pvàgt;examplevàlt;/pvàgt;

Xử lý phía Javascript

$(“p”).nhấp chuột(function(sự kiện) ); $(“p”).nhấp chuột(function(sự kiện) );
Sự kiện stopImmediatePropagation stopPropagation PreventDefault JavaScript

Về Viettingame.com

Viettingame.com - Chuyên trang web tổng hợp những thông tin hữu ích trên internet như thông tin về game, tin tổng hợp
Xem tất cả các bài viết của Viettingame.com →

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *