Event

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

Bạn đang xem: Event

Khi ta 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 phát âm và nghe biết sự khiếu nại là một hành động nào đó tác động lên đối tượng người sử dụng HTML nhưng mà ta rất có thể bắt được sự khiếu nại này và triển khai những hành vi nào đó.

*

Tóm Tắt

Khi viết hàm callback cho 1 sự khiếu nại nào kia như click vào trong 1 button để phòng trình ưng chuẩn không xử trí sự khiếu nại click theo như mặc định thì thường họ có những method nhằm xử lý event sau khi xử lý callback 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ự kiện này sau đó phải được khởi tạo bằng phương pháp gọi cách làm initEvent () của nó.

Event.composedPath()

Trả về mặt đường dẫn của sự việc kiện (các đối tượng người sử dụng mà tín đồ nghe sẽ được gọi). Điều này không bao hàm các nodes vào shadow trees nếu shadow root được chế tạo ra bằng cơ 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 sự kiện đã có gửi đi, phương pháp này không có tác dụng gì.

Event.preventDefault()

Hủy sự kiện (nếu rất có thể hủy).

Xem thêm: Futsal Là Gì? Tìm Hiểu Luật Chơi Và Các Vị Trí Trong Futsal Là Gì

Event.stopImmediatePropagation()

Đối với sự kiện ví dụ này, hãy ngăn toàn bộ những bạn nghe khác được gọi. Điều này bao gồm các trình nghe được đính thêm với cùng 1 phần tử cũng như những thành phần được đính thêm với các thành phần sẽ được coi xét qua sau

Event.stopPropagation()

Ngừng truyền những sự khiếu nại trong DOM.

Nhưng hôm nay chúng ta sẽ đi sâu vào 3 sự khiếu nại chính thường dùng như tiêu đề bài viết có nhắc tới .

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 thực hiện để ngăn chặn cách cách xử lý mặc định của trình chuẩn y khi xẩy ra sự kiện.

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

a href="www.https://embergarde.com/">Trang chủ/a>script type="text/javascript">$("a").click(function (event) alert("Bạn dấn vào liên kết rồi"); event.preventDefault());/script>thì khi người tiêu dùng nhấp vào liên kết liên kết trình phê chuẩ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 bức tường ngăn trình chuẩn y chuyển tiếp người tiêu dùng tới trang đích cần seo 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 sử dụng event được sử dụng để ngăn quán triệt sự khiếu nại lan toả lên các phần tử mẹ của phần tử mà sinh sống đó ra mắt sự kiện.

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

Trang chủThì khi người dùng click vào bộ phận p (đồng thời cũng chính là click vào phần tử a chứa bộ phận p) thì trình cẩn thận sẽ hiển thị hộp thoại lưu ý với nội dung:

Bạn sẽ nhấp vào bộ phận pTiếp theo, áp dụng event.stopPropagation() vào hàm callback cách xử trí sự kiện bấm chuột vào thẻ p liên kết sẽ rào cản sự kiện này lan toả tới thành phần mẹ a. Vì vậy hàm parentEventHandler() sẽ không được điện thoại tư vấn và sẽ không tồn tại hộp thoại chú ý nào không giống được hiện nay ra.

Cuối cùng, vì chưng trong hàm callback không sử dụng event.preventDefault() nên kế tiếp trình chuẩn y vẫn đã chuyển người dùng tới home www.embergarde.com.

3. Event.stopImmediatePropagation

stopPropagation đang ngăn bất kỳ trình xử lý phụ huynh nào được xúc tiến stopImmediatePropagationsẽ ngăn ngẫu nhiên trình xử lý phụ huynh nào và bất kỳ trình cách xử lý nào khác 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 triển khai $(this).css("background-color", "#f00"););

Leave a Reply

Your email address will not be published. Required fields are marked *

CÙNG CHUYÊN MỤC MỚI

  • Connect broadband connection là gì

  • Hgu và sfu là gì

  • Enter network credentials là gì

  • Rela có nghĩa là gì

  • x

    Welcome Back!

    Login to your account below

    Retrieve your password

    Please enter your username or email address to reset your password.