Mỗi sự khiếu nại bạn cũng có thể có tương đối nhiều hành động. ví dụ như bạn gồm một sự khiếu nại là dịch Covid-19 thì bạn sẽ gồm có hành vi trong sự kiện sẽ là đeo khẩu trang, làm remote, tự bí quyết ly phiên bản thân, ...Quý khách hàng đã xem: Preventdefault là gì

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

Bạn đang xem: Sự khác biệt giữa event

Chúng ta hay gọi và biết đến sự kiện là 1 trong những hành động như thế nào kia tác động ảnh hưở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ới tiến hành đa số hành vi nào đó.


*

Tóm Tắt

Lúc viết hàm callbaông chồng cho một sự kiện như thế nào đó nlỗi cliông xã vào trong 1 button nhằm ngăn uống trình chăm sóc ko cách xử lý sự khiếu nại clichồng theo nhỏng mang định thì hay họ gồm những method nhằm cách xử lý sự kiện sau khi giải pháp xử lý callback ngừng . Chúng ta đã lướt qua coi chúng là gì nhé :

Event.createEvent()

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

Event.composedPath()

Trả về đường truyền của sự khiếu nại (các đối tượng người sử dụng mà người nghe sẽ được gọi). Điều này sẽ không bao gồm các nodes vào shadow trees trường hợp shadow root được chế tạo bằng cơ chế ShadowRoot.mode bị đóng.

Event.initEvent()

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

Event.preventDefault()

Hủy sự khiếu nại (trường hợp hoàn toàn có thể hủy).

Xem thêm: “ Ủy Nhiệm Chi Tiếng Anh Là Gì ? Đọc Ngay Để Biết Nhé! Đọc Ngay Để Biết Nhé!

Event.stopImmediatePropagation()

Đối với việc kiện cụ thể này, hãy ngnạp năng lượng toàn bộ những người dân nghe không giống được Hotline. Điều này bao gồm các trình nghe được thêm với thuộc một trong những phần tử tương tự như đa số phần tử được gắn thêm với các bộ phận sẽ tiến hành lưu ý qua sau

Event.stopPropagation()

Nhưng lúc này chúng ta đã đi sâu vào 3 sự kiện chính hay được sử dụng nhỏng tiêu đề 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 dùng event được áp dụng để ngăn ngừa cách cách xử trí mặc định của trình lưu ý Lúc 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 links link trình chăm chú vẫn hiển thị vỏ hộp thoại lưu ý với nội dung:

quý khách bấm vào liên kết rồi

đồng thời ngăn uống cản trình chú ý sự chuyển tiếp giữa người tiêu dùng tới trang đích của links links.

2. Event.stopPropagation


*

Pmùi hương thức stopPropagation() của đối tượng người tiêu dùng sự kiện được sử dụng để ngnạp năng lượng quán triệt sự khiếu nại lan toả lên những phần tử bà mẹ của phần tử nhưng làm việc đó ra mắt sự khiếu nại.

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

Trang công ty Thì lúc người dùng clichồng vào bộ phận p (bên cạnh đó cũng chính là cliông chồng vào thành phần a đựng bộ phận p) thì trình xem xét đã hiển thị vỏ hộp thoại lưu ý với nội dung:

Bạn sẽ nhấp vào thành phần p

Cuối cùng, vì trong hàm callbaông xã không thực hiện sự kiện.preventDefault() đề xuất kế tiếp trình lưu ý vẫn sẽ đưa người tiêu dùng cho tới trang chủ www.viblo.asia.

3. Event.stopImmediatePropagation

stopPropagation đã ngăn ngẫu nhiên trình xử trí bố mẹ nào được thực hiện stopImmediatePropagationsẽ ngăn uống ngẫu nhiên trình giải pháp xử lý cha mẹ làm sao với ngẫu nhiên trình xử trí như thế nào không giống thực thi

ví dụ như cùng 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 Chuim mục: Hỏi Đáp
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 *