Mỗi sự kiện bạn có thể có không ít hành động. Ví dụ các bạn có một sự kiện là dịch Covid-19 thì bạn sẽ bao gồm hành vi trong sự khiếu nại sẽ là treo khẩu trang, có tác dụng remote, tự biện pháp ly bạn dạng thân, ...Quý Khách đã xem: Preventdefault là gì

Lúc ta thao tác làm việc cùng với javascript nói thông thường với event vào Javascript nói riêng.

Bạn đang xem: Jquery event

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


*

Tóm Tắt

lúc viết hàm callbachồng cho một sự kiện như thế nào đó như cliông chồng vào trong 1 button nhằm ngăn uống trình duyệt không cách xử lý sự kiện cliông xã theo nlỗi khoác định thì hay họ có các method để cách xử lý event sau khi xử trí callback hoàn thành . Chúng ta đã lướt qua coi chúng là gì nhé :

Event.createEvent()

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

Event.composedPath()

Trả về đường dẫn của sự khiếu nại (những đối tượng người dùng mà lại tí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 nếu shadow root được tạo thành bởi cơ chế ShadowRoot.mode bị đóng.

Event.initEvent()

Khởi sinh sản cực hiếm của một Sự kiện được sản xuất. Nếu sự kiện đã có được gửi đi, cách thức này không tồn tại tác dụng gì.

Event.preventDefault()

Hủy sự khiếu nại (nếu rất có thể hủy).

Xem thêm: Nhan Sắc Xinh Đẹp Của Con Gái Nhạc Sĩ Lưu Thiên Hương "Gây Sốt"

Event.stopImmediatePropagation()

Đối với việc kiện ví dụ này, hãy ngnạp năng lượng tất cả những người dân nghe không giống được Điện thoại tư vấn. Như vậy bao hàm các trình nghe được gắn thêm với thuộc một trong những phần tử cũng giống như các thành phần được đính thêm với những thành phần sẽ được trông nom qua sau

Event.stopPropagation()

Nhưng từ bây giờ chúng ta sẽ đi sâu vào 3 sự kiện chính thường được sử dụng như tiêu đề bài viết gồm 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 chặn giải pháp cách xử trí khoác định của trình xem xét khi xẩy ra sự khiếu nại.

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ì lúc người dùng nhấp vào link liên kết trình trông nom sẽ hiển thị vỏ hộp thoại lưu ý cùng với nội dung:

Quý Khách nhấp vào link rồi

đôi khi ngăn cản trình chăm chút chuyến qua người dùng tới landingpage của link links.

2. Event.stopPropagation


*

Phương thơm thức stopPropagation() của đối tượng sự kiện được sử dụng nhằm ngnạp năng lượng quán triệt sự kiện lan toả lên những bộ phận bà mẹ của phần tử nhưng mà sống đó ra mắt sự kiện.

Xem thêm: Bất Hòa Nhận Thức ( Cognitive Dissonance Là Gì ? Định Nghĩa, Ví Dụ, Giải Thích

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

Trang công ty Thì khi người dùng clichồng vào phần tử p (bên cạnh đó cũng là clichồng vào bộ phận a cất phần tử p) thì trình cẩn thận sẽ hiển thị vỏ hộp thoại cảnh báo cùng với nội dung:

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

Cuối thuộc, vị vào hàm callbaông xã ko sử dụng sự kiện.preventDefault() bắt buộc kế tiếp trình săn sóc vẫn đang gửi người tiêu dùng cho tới trang chủ www.viblo.asia.

3. Event.stopImmediatePropagation

stopPropagation đã ngăn uống ngẫu nhiên trình xử lý phụ huynh như thế nào được triển khai stopImmediatePropagationsẽ ngnạp năng lượng ngẫu nhiên trình cách xử trí bố mẹ như thế nào với ngẫu nhiên trình xử lý như thế nào khác thực thi

ví dụ như 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

Chuyên mục: KIẾN THỨC
Bài viết liên quan

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *