Bài viết Preventdefault Là Gì – Preventdefault() Trong Jquery thuộc chủ đề về Hỏi Đáp đang được rất nhiều bạn quan tâm đúng không nào !! Hôm nay, Hãy cùng TruongGiaThien.Com.Vn tìm hiểu Preventdefault Là Gì – Preventdefault() Trong Jquery trong bài viết hôm nay nha !
Các bạn đang xem bài : “Preventdefault Là Gì – Preventdefault() Trong Jquery”

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

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

Khi ta làm việc với javascript nói chung và event trong Javascript nói riêng.

Chúng ta thường hiểu và biết đến sự kiện là một hành động nào đó tác động lên đối tượng HTML mà ta khả năng bắt được sự kiện này và thực hiện những hành động nào đó.

*

Tóm Tắt

Khi viết hàm callback cho một sự kiện nào đó như click vào một button để ngăn trình duyệt không xử lý sự kiện click theo như mặc định thì thường chúng ta có các method để xử lý event sau khi xử lý callback xong . Chúng ta sẽ lướt qua xem chúng là gì nha :

Event.createEvent()

Tạo một sự kiện mới, sự kiện này sau đó phải được khởi tạo bằng cách gọi phương thức initEvent () của nó.

Event.composedPath()

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

Bài Nổi Bật  Gv Là Gì - Nghĩa Của Từ Gv Trong Tiếng Việt

Event.initEvent()

Khởi tạo tổng giá trị của một Sự kiện được tạo. Nếu sự kiện đã được gửi đi, phương pháp này không có công dụng gì.

Event.preventDefault()

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

Event.stopImmediatePropagation()

Đối với sự kiện chi tiết này, hãy ngăn tất cả những người nghe khác được gọi. Điều này bao gồm các trình nghe được gắn với cùng một phần tử cũng như những phần tử được gắn với các phần tử sẽ được duyệt qua sau

Event.stopPropagation()

Ngừng truyền các sự kiện trong DOM.

Xem thêm: Giác Ngộ Là Gì – Hiểu Mình Là Giác Ngộ

Nhưng hôm nay chúng ta sẽ đi sâu vào 3 sự kiện chính hay 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ức preventDefault() của đối tượng event được dùng để ngăn chặn cách xử lý mặc định của trình duyệt 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 link kết nối trình duyệt sẽ hiển thị hộp thoại cảnh báo với nội dung:

Bạn nhấn vào link rồi

cùng lúc ấy ngăn cản trình duyệt chuyển tiếp người dùng tới trang đích của link kết nối.

2. Event.stopPropagation

*

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

Bài Nổi Bật  Biến Đổi Khí Hậu Toàn Cầu Là Gì, Biến Đổi Khí Hậu

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

Trang chủ

Thì khi người dùng click vào phần tử 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 duyệt sẽ hiển thị hộp thoại cảnh báo với nội dung:

Bạn đã nhấp vào phần tử p

Tiếp theo, dùng event.stopPropagation() trong hàm callback xử lý sự kiện nhấp chuột vào thẻ p kết nối sẽ ngăn cản sự kiện này lan toả tới phần tử mẹ a. vì thế hàm parentEventHandler() sẽ không được gọi và sẽ không có hộp thoại cảnh báo nào khác được hiện ra.

Xem thêm: Cơ Cấu Là Gì

Cuối cùng, vì trong hàm callback không dùng event.preventDefault() nên sau đó trình duyệt vẫn sẽ chuyển người dùng tới trang chủ www.viblo.asia.

3. Event.stopImmediatePropagation

stopPropagation sẽ ngăn bất kỳ trình xử lý cha mẹ nào được thực thi stopImmediatePropagationsẽ ngăn bất kỳ trình xử lý cha mẹ nào và bất kỳ trình xử lý nào khác thực thi

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

Các câu hỏi về Preventdefault Là Gì – Preventdefault() Trong Jquery


Nếu có bắt kỳ câu hỏi thắc mắt nào vê Preventdefault Là Gì – Preventdefault() Trong Jquery hãy cho chúng mình biết nha, mõi thắt mắt hay góp ý của các bạn sẽ giúp mình nâng cao hơn hơn trong các bài sau nha <3 Bài viết Preventdefault Là Gì - Preventdefault() Trong Jquery ! được mình và team xem xét cũng như tổng hợp từ nhiều nguồn. Nếu thấy bài viết Preventdefault Là Gì - Preventdefault() Trong Jquery Cực hay ! Hay thì hãy ủng hộ team Like hoặc share. Nếu thấy bài viết Preventdefault Là Gì - Preventdefault() Trong Jquery rât hay ! chưa hay, hoặc cần bổ sung. Bạn góp ý giúp mình nha!!
Bài Nổi Bật  Vì Sao 1 Không Là Số Nguyên Tố Là Gì? Những Khái Niệm Liên Quan Đến Số Nguyên Tố

Các Hình Ảnh Về Preventdefault Là Gì – Preventdefault() Trong Jquery

Preventdefault Là Gì - Preventdefault() Trong Jquery

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

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

Bạn nên tham khảo nội dung chi tiết về Preventdefault Là Gì – Preventdefault() Trong Jquery từ trang Wikipedia tiếng Việt.◄

Tham Gia Cộng Đồng Tại

💝 Nguồn Tin tại: https://truonggiathien.com.vn/

💝 Xem Thêm Chủ Đề Liên Quan tại : https://truonggiathien.com.vn/hoi-dap/

Give a Comment