PREVENTDEFAULT LÀ GÌ

Mỗi sự khiếu nại chúng ta cũng có thể có nhiều hành vi. lấy một ví dụ chúng ta gồm một sự kiện là dịch Covid-19 thì bạn sẽ bao gồm hành động trong sự khiếu nại chính là đeo khẩu trang, có tác dụng remote, tự phương pháp ly bản thân, ...Quý Khách đang xem: Preventmặc định là gì

khi ta thao tác làm việc cùng với javascript nói thông thường cùng sự kiện trong Javascript nói riêng.

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

Chúng ta thường hiểu với biết đến sự kiện là 1 trong hành động nào đó tác động lên đối tượng người sử dụng HTML nhưng ta hoàn toàn có thể bắt được sự khiếu nại này và triển khai đều hành động nào đó.

Tóm Tắt

Khi viết hàm callbaông xã cho một sự kiện như thế nào đó như clichồng vào một trong những button để ngăn uống trình duyệt y ko xử lý sự kiện clichồng theo nlỗi mặc định thì thường xuyên họ gồm những method để xử lý event sau khi cách xử lý callbaông xã dứt . Chúng ta đã lướt qua xem bọn chúng là gì nhé :

Event.createEvent()

Tạo một sự kiện bắt đầu, sự khiếu nại này kế tiếp cần được khởi tạo thành bằng cách hotline phương thức initEvent () của nó.

Event.composedPath()

Trả về băng thông của sự kiện (những đối tượng mà người nghe sẽ được gọi). Điều này sẽ không bao hàm các nodes trong shadow trees trường hợp shadow root được tạo thành bằng chính sách ShadowRoot.mode bị đóng góp.

Event.initEvent()

Khởi tạo thành quý hiếm của một Sự khiếu nại được tạo nên. Nếu sự khiếu nại đã có được gửi đi, phương thức này không có công dụng gì.

Event.preventDefault()

Hủy sự kiện (trường hợp rất có thể hủy).

Xem thêm: Từ Điển Anh Việt " Lump Sum Là Gì ? Định Nghĩa, Ví Dụ, Giải Thích

Event.stopImmediatePropagation()

Đối với sự kiện rõ ràng này, hãy ngăn toàn bộ những người nghe khác được hotline. Vấn đề này bao hàm các trình nghe được gắn thêm cùng với cùng một trong những phần tử cũng như các thành phần được gắn cùng với những phần tử sẽ được duyệt qua sau

Event.stopPropagation()

Nhưng lúc này họ đang đi sâu vào 3 sự khiếu nại chủ yếu hay được sử dụng nlỗi title nội dung 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ức preventDefault() của đối tượng người tiêu dùng sự kiện được áp dụng để ngăn ngừa phương pháp cách xử trí mặc định của trình săn sóc Khi xẩy ra sự khiếu nại.

lấy ví dụ như đ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 tiêu dùng nhấp vào liên kết links trình ưng chuẩn đã hiển thị hộp thoại chú ý với nội dung:

Quý Khách bấm vào link rồi

đồng thời ngăn cản trình thông qua chuyển tiếp người dùng tới landing page của liên kết link.

2. Event.stopPropagation

Phương thức stopPropagation() của đối tượng event được sử dụng nhằm ngăn cấm đoán sự khiếu nại lan toả lên những thành phần bà mẹ của phần tử cơ mà nghỉ ngơi kia diễn ra sự khiếu nại.

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

Trang công ty Thì lúc người dùng cliông chồng vào bộ phận p (bên cạnh đó cũng là cliông chồng vào thành phần a chứa phần tử p) thì trình chu đáo vẫn hiển thị hộp thoại lưu ý cùng với nội dung:

Quý Khách sẽ nhấp vào phần tử p

Cuối cùng, vị trong hàm callback ko sử dụng event.preventDefault() bắt buộc tiếp nối trình để ý vẫn vẫn chuyển người dùng tới Home www.viblo.asia.

3. Event.stopImmediatePropagation

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

lấy ví dụ 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