E.preventdefault() Là Gì

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

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

khi ta thao tác làm việc với javascript nói bình thường với sự kiện vào Javascript thích hợp.

Chúng ta thường xuyên hiểu cùng nghe biết sự khiếu nại là một trong hành vi như thế nào kia ảnh hưởng lên đối tượng người sử dụng HTML mà lại ta hoàn toàn có thể bắt được sự khiếu nại này và triển khai những hành động làm sao đó.

*

Tóm Tắt

lúc viết hàm callback cho 1 sự kiện nào đó nhỏng cliông chồng vào trong 1 button nhằm ngnạp năng lượng trình duyệt y không xử trí sự khiếu nại clichồng theo nhỏng mang định thì thường xuyên họ gồm các method để giải pháp xử lý sự kiện sau khi giải pháp xử lý callbachồng hoàn thành .Chúng ta sẽ lướt qua coi bọn chúng là gì nhé :

Event.createEvent()

Tạo một sự khiếu nại new, sự khiếu nại này tiếp nối nên được khởi sản xuất bằng cách điện thoại tư vấn cách thức initEvent () của nó.

Event.composedPath()

Trả về đường dẫn của sự việc khiếu nại (các đối tượng người dùng mà bạn nghe sẽ tiến hành gọi). Điều này sẽ không bao gồm những nodes vào shadow trees giả dụ shadow root được sản xuất bằng chính sách ShadowRoot.mode bị đóng.

Event.initEvent()

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

Event.preventDefault()

Hủy sự kiện (nếu như có thể hủy).

Xem thêm: Gamen Tặng Gift Code Ta Là Vua Nhân Ngày Ra Mắt!, Tam Quốc Ta Là Vua Tặng Gm3 +1M Knb

Event.stopImmediatePropagation()

Đối với việc khiếu nại cụ thể này, hãy ngăn toàn bộ những người dân nghe khác được call. Vấn đề này bao gồm những trình nghe được đính thêm với cùng một phần tử cũng giống như hồ hết phần tử được gắn với những bộ phận sẽ tiến hành xem xét qua sau

Event.stopPropagation()

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

Nhưng hôm nay chúng ta sẽ đi sâu vào 3 sự khiếu nại chủ yếu thường được sử dụng như tiêu đề bài viết có nhắc đến .

1. Event.preventDefault

*

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

Phương thơm thức preventDefault() của đối tượng event được thực hiện để ngăn ngừa bí quyết cách xử trí mặc định của trình duyệt khi xẩy ra sự kiện.

lấy một ví dụ đoạn mã sau:

a href="www.https://millionarthur.mobi/">Trang chủ/a>script type="text/javascript">$("a").click(function (event) alert("Quý Khách nhấp vào link rồi"); event.preventDefault());/script>thì khi người tiêu dùng nhấp vào liên kết links trình săn sóc sẽ hiển thị hộp thoại cảnh báo với nội dung:

Bạn nhấp vào link rồiđôi khi ngăn uống cản trình chuyên chú sự chuyển tiếp giữa người tiêu dùng tới landing page của liên kết liên kết.

2. Event.stopPropagation

*

Phương thơm thức stopPropagation() của đối tượng người dùng event được sử dụng nhằm ngnạp năng lượng cấm đoán sự khiếu nại lan toả lên những bộ phận chị em của thành phần cơ mà sinh sống đó ra mắt sự kiện.

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

Trang chủThì Khi người tiêu dùng clichồng vào phần tử p (đồng thời cũng là cliông chồng vào thành phần a cất bộ phận p) thì trình săn sóc đã hiển thị vỏ hộp thoại chú ý cùng với nội dung:

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

Cuối thuộc, vì vào hàm callbachồng ko sử dụng event.preventDefault() cần kế tiếp trình phê chuẩn vẫn đã gửi người dùng cho tới trang chủ www.millionarthur.mobi.

3. Event.stopImmediatePropagation

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

lấy một 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 tiến hành $(this).css("background-color", "#f00"););