Preventdefault là gì

Mỗi sự kiện bọn họ khả năng có rất nhiều hành động. Ví dụ các bạn có một sự khiếu nại là dịch Covid-19 thì bạn sẽ có những hành vi trong sự kiện chính là đeo khẩu trang, làm cho remote, tự bí quyết ly phiên bản thân, …

Bạn sẽ xem: Preventdefault là gì

Khi ta thao tác với javascript nói thông thường và event trong Javascript nói riêng.

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

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

cầm Tắt

Khi viết hàm callback cho 1 sự khiếu nại nào kia như click vào một button để chống trình để ý không cách xử lý sự khiếu nại click theo như mang định thì thường bọn họ có các method nhằm xử lý event sau khi giải pháp xử lý callback xong . Chúng ta sẽ lướt qua xem bọn chúng là gì nha :

Event.createEvent()

Tạo một sự khiếu nại mới, sự kiện 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ó.

Event.composedPath()

Trả về con đường dẫn của sự kiện (các đối tượng người sử dụng mà bạn nghe sẽ được gọi). Điều này không bao gồm các nodes trong shadow trees ví như shadow root được tạo bằng chế độ ShadowRoot.mode bị đóng.

Event.initEvent()

Khởi tạo tổng mức vốn của một Sự kiện được tạo. Ví như sự kiện đã làm được gửi đi, phương thức này không có tác dụng gì.

Event.preventDefault()

Hủy sự kiện (nếu năng lực hủy).

Event.stopImmediatePropagation()

Đối với việc kiện chi tiết này, hãy ngăn toàn bộ những người nghe không giống được gọi. Điều này bao gồm các trình nghe được đính thêm với cùng một phần tử cũng tương tự những bộ phận được thêm với các thành phần sẽ được chuyên chú qua sau

Event.stopPropagation()

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

Xem thêm: 10 Lý Do Cơ Bản Khiến Tai Nghe "Chết Yểu", Cách Sửa Tai Nghe Bị Hỏng 1 Bên Nhanh Và Hiệu Quả

Nhưng bây giờ chúng ta đã đi sâu vào 3 sự kiện chủ yếu hay cần sử dụng như tiêu đề nội dung bài viết có nhắc đến .

1. Event.preventDefault

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

Phương thức preventDefault() của đối tượng người tiêu dùng event được dùng để 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:

a href=“www.https://viblo.asia/”>Trang chủ/a> script type=“text/javascript”> $(“a”).click(function (event) ); /script>

thì khi người dùng nhấp vào links kết nối trình chú ý sẽ hiển thị hộp thoại lưu ý với nội dung:

chúng ta nhấn vào liên kết rồi

cùng khi đó ngăn cản trình trông nom chuyển tiếp người dùng tới trang đích của links kết nối.

2. Event.stopPropagation

Phương thức stopPropagation() của đối tượng người tiêu dùng event được dùng để ngăn quán triệt sự kiện lan toả lên các phần tử mẹ của phần tử mà nghỉ ngơi đó diễn ra sự kiện.

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

Trang chủ

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

chúng ta đã nhấp vào thành phần p

Tiếp theo, sử dụng event.stopPropagation() trong hàm callback cách xử trí sự kiện nhấn vào vào thẻ p kết nối sẽ ngăn cản sự kiện này lan toả tới bộ phận mẹ a. Vì vậy hàm parentEventHandler() sẽ không được điện thoại tư vấn và sẽ không tồn tại hộp thoại cảnh báo nào khác được hiện ra.

Cuối cùng, bởi trong hàm callback không dùng event.preventDefault() nên kế tiếp trình duyệt vẫn vẫn chuyển người dùng tới trang chủ www.viblo.asia.

3. Event.stopImmediatePropagation

stopPropagation sẽ ngăn ngẫu nhiên trình xử lý cha mẹ nào được triển khai stopImmediatePropagationsẽ ngăn ngẫu nhiên trình xử lý bố mẹ nào và bất kỳ trình xử trí 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) ); $(“p”).click(function(event) ); event stopImmediatePropagation stopPropagation PreventDefault JavaScript

Chuyên mục: Hỏi Đáp

Các thắc mắc về Preventdefault Là Gì – Preventdefault() vào JqueryNếu có bắt kỳ câu hỏi thắc mắt nào vê Preventdefault Là Gì – Preventdefault() vào Jquery hãy cho cái đó mình biết nha, mõi thắt mắt giỏi góp ý của các bạn sẽ giúp mình cải thiện hơn hơn trong các bài sau nha
Bài khá nổi bật Khí đơn vị Kính ( Greenhouse Gas Emissions Là Gì, nguồn Phát Thải
các Hình Ảnh Về Preventdefault Là Gì – Preventdefault() vào Jquery

Các từ khóa kiếm tìm kiếm cho bài viết #Preventdefault #Là #Gì #Preventdefault #Trong #Jquery

Tra cứu vãn dữ liệu, về Preventdefault Là Gì – Preventdefault() trong Jquery tại WikiPedia