E.PREVENTDEFAULT() LÀ GÌ

Mỗi sự khiếu nại bạn cũng có thể có tương đối 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ẽ gồm có hành động trong sự khiếu nại chính là đeo khẩu trang, làm cho remote, từ bỏ biện pháp ly bạn dạng thân, ...

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

Lúc ta làm việc với javascript nói phổ biến và event vào Javascript dành riêng.

Chúng ta hay đọc với nghe biết sự khiếu nại là 1 hành vi như thế nào đó tác động ảnh hưởng lên đối tượng HTML nhưng mà ta hoàn toàn có thể bắt được sự kiện này và thực hiện đều hành vi như thế nào kia.

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 nhằm ngnạp năng lượng trình để ý ko cách xử trí sự khiếu nại click theo nlỗi mang định thì thường xuyên bọn họ bao gồm các method để xử trí event sau khi cách xử trí 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ự khiếu nại này tiếp đến phải được khởi chế tạo bằng phương pháp gọi phương thức initEvent () của chính nó.

Event.composedPath()

Trả về đường truyền của sự khiếu nại (các đối tượng mà lại bạn nghe sẽ được gọi). Điều này không bao gồm các nodes vào shadow trees nếu shadow root được chế tác bởi chế độ ShadowRoot.mode bị đóng.

Event.initEvent()

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

Event.preventDefault()

Hủy sự kiện (ví như rất có thể hủy).

Xem thêm: Database E R Square Là Gì ? R Bình Phương Có Nghĩa Là Gì

Event.stopImmediatePropagation()

Đối với việc khiếu nại cụ thể này, hãy ngnạp năng lượng toàn bộ những người nghe khác được Call. Điều này bao gồm các trình nghe được đính cùng với cùng một trong những phần tử cũng tương tự đầy đủ thành phần được đính cùng với những thành phần sẽ tiến hành phê duyệt 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ọ đã đi sâu vào 3 sự khiếu nại bao gồm hay sử dụng như title bài viết có nói đến .

1. Event.preventDefault

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

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

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

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

Bạn nhấp vào link rồimặt khác ngăn uống cản trình trông nom chuyến qua người dùng tới trang đích cần seo của links link.

2. Event.stopPropagation

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

lấy ví dụ với đoạn mã sau:

Trang chủThì khi người tiêu dùng clichồng vào bộ phận p (mặt khác cũng chính là cliông xã vào phần tử a chứa thành phần p) thì trình phê chuẩn đang hiển thị hộp thoại lưu ý với nội dung:

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

Cuối cùng, vị trong hàm callback không thực hiện event.preventDefault() yêu cầu tiếp nối trình coi xét vẫn đã gửi người dùng tới Home www.baoninhsunrise.com.

3. Event.stopImmediatePropagation

stopPropagation đang ngăn ngẫu nhiên trình cách xử trí bố mẹ nào được triển khai stopImmediatePropagationsẽ ngăn uống bất kỳ trình giải pháp xử lý cha mẹ như thế nào với ngẫu nhiên trình cách xử lý làm sao khác thực thi

lấy ví dụ với đoạn mã sau:

example

Xử lý phía Javascript

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