Preventdefault Là Gì
Mỗi sự kiện bạn có thể có những hành động. Ví dụ chúng ta có một sự kiện là dịch Covid-19 thì các bạn sẽ có những hành vi trong sự kiện chính là đeo khẩu trang, làm remote, tự giải pháp ly bạn dạng thân, ...
Bạn đang xem: Preventdefault là gì
Khi ta thao tác làm việc với javascript nói phổ biến và sự kiện trong Javascript nói riêng.
Chúng ta thường gọi và nghe biết sự khiếu nại là một hành động nào đó ảnh hưởng tác động lên đối tượng người dùng HTML cơ mà ta rất có thể bắt được sự khiếu nại này và tiến hành những hành động nào đó.
Khi viết hàm callback cho một sự kiện nào kia như click vào một trong những button để ngăn trình lưu ý không giải pháp xử lý sự kiện click theo như mang định thì thường họ có những method để xử lý sự kiện sau khi xử lý callback chấm dứt .Chúng ta vẫn lướt qua xem bọn chúng là gì nhé :
Event.createEvent()
Tạo một sự kiện mới, sự khiếu nại này tiếp nối phải được khởi tạo bằng phương pháp gọi cách thức initEvent () của nó.
Event.composedPath()
Trả về mặt đường dẫn của việc kiện (các đối tượng người tiêu dùng mà fan nghe sẽ tiến hành gọi). Điều này không bao hàm các nodes vào shadow trees nếu shadow root được tạo bằng chế độ ShadowRoot.mode bị đóng.
Event.initEvent()
Khởi sinh sản giá trị của một Sự kiện được tạo. Nếu như sự kiện đã có gửi đi, phương thức này ko có công dụng gì.
Event.preventDefault()
Hủy sự kiện (nếu hoàn toàn có thể hủy).
Xem thêm: Mua Bán, Thanh Lý Vô Lăng Chơi Game Cũ & Mới Giá Vô Lăng Chơi Game
Event.stopImmediatePropagation()
Đối với việc kiện cụ thể này, hãy ngăn tất cả những fan nghe không giống được gọi. Điều này bao gồm các trình nghe được lắp với cùng 1 phần tử cũng giống như những bộ phận được đính với các bộ phận sẽ được chú ý qua sau
Event.stopPropagation()
Ngừng truyền các sự kiện trong DOM.
Nhưng hôm nay chúng ta đã đi sâu vào 3 sự kiện chính hay được 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 dùng event được áp dụng để ngăn chặn cách giải pháp xử lý mặc định của trình chăm bẵm khi xẩy ra sự kiện.
Ví dụ đoạn mã sau:
a href="www.https://dnppower.com.vn/">Trang chủ/a>script type="text/javascript">$("a").click(function (event) alert("Bạn dấn vào links rồi"); event.preventDefault());/script>thì khi người dùng nhấp vào liên kết liên kết trình cẩn thận sẽ hiển thị vỏ hộp thoại cảnh báo với nội dung:
Bạn nhấn vào liên kết rồiđồng thời ngăn cản trình chăm nom chuyển tiếp người dùng tới landing page của liên kết liên kết.
2. Event.stopPropagation
Phương thức stopPropagation() của đối tượng người dùng event được sử dụng để ngăn quán triệt sự kiện lan toả lên các thành phần mẹ của bộ phận mà ngơi nghỉ đó diễn ra sự kiện.
Ví dụ cùng với đoạn mã sau:
Trang chủThì khi người dùng click vào phần tử p (đồng thời cũng là click vào phần tử a chứa bộ phận p) thì trình chăm sóc sẽ hiển thị hộp thoại lưu ý với nội dung:
Bạn đang nhấp vào bộ phận pTiếp theo, sử dụng event.stopPropagation() vào hàm callback xử lý sự kiện click chuột vào thẻ p liên kết sẽ rào cản sự khiếu nại này lan toả tới phần tử mẹ a. Cho nên vì thế hàm parentEventHandler() sẽ không còn được hotline và sẽ không tồn tại hộp thoại chú ý nào khác được hiện ra.
Xem thêm: Bảng Ngọc Bổ Trợ Liên Minh Huyền Thoại: Cách Chỉnh Bảng Ngọc Bổ Trợ Tái Tổ Hợp
Cuối cùng, vày trong hàm callback không thực hiện event.preventDefault() nên tiếp nối trình chăm nom vẫn sẽ chuyển người tiêu dùng tới trang chủ www.dnppower.com.vn.
3. Event.stopImmediatePropagationstopPropagation đang ngăn ngẫu nhiên trình xử lý bố mẹ nào được xúc tiến stopImmediatePropagationsẽ ngăn bất kỳ trình xử lý phụ huynh nào và bất kỳ trình cách xử lý 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) // tác dụng này sẽ không được tiến hành $(this).css("background-color", "#f00"););
