Mỗi sự khiếu nại chúng ta cũng có thể có không ít hành vi. Ví dụ chúng ta có một sự kiện là dịch Covid-19 thì các bạn sẽ bao gồm hành động vào sự khiếu nại đó là treo khẩu trang chống bụi, có tác dụng remote, tự bí quyết ly bản thân, ...

Bạn đang xem:

Khi ta làm việc cùng với javascript nói chung với event vào Javascript thích hợp.

Chúng ta hay đọc cùng biết đến sự kiện là 1 trong những hành vi làm sao đó tác động ảnh hưởng lên đối tượng người sử dụng HTML mà lại ta có thể bắt được sự kiện này với tiến hành đông đảo hành động như thế nào đó.

*

Tóm Tắt

lúc viết hàm callbaông chồng cho một sự khiếu nại nào đó nhỏng click vào trong 1 button nhằm ngăn uống trình ưng chuẩn không cách xử trí sự khiếu nại cliông xã theo như khoác định thì thường xuyên họ bao gồm các method nhằm giải pháp xử lý event sau khoản thời gian cách xử trí callbaông chồng kết thúc .Chúng ta đã lướt qua xem bọn chúng là gì nhé :

Event.createEvent()

Tạo một sự khiếu nại mới, sự khiếu nại này sau đó bắt buộc được khởi chế tạo ra bằng phương pháp Call thủ tục initEvent () của nó.

Event.composedPath()

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

Event.initEvent()

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

Event.preventDefault()

Hủy sự kiện (giả dụ rất có thể hủy).

Xem thêm: Lịch Thi Đấu Lol Chung Kết Thế Giới 2019 Của Các Đội Lmht Việt Nam

Event.stopImmediatePropagation()

Đối với việc khiếu nại ví dụ này, hãy ngăn tất cả những người nghe không giống được Call. Điều này bao gồm những trình nghe được đính thêm cùng với thuộc 1 phần tử cũng tương tự các bộ phận được thêm cùng với những bộ phận sẽ được để mắt tới qua sau

Event.stopPropagation()

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

Nhưng từ bây giờ bọn họ đang đi sâu vào 3 sự kiện chủ yếu hay được dùng như tiêu đề nội dung bài viết bao gồm nói đến .

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 nhằm ngăn ngừa biện pháp cách xử trí mang định của trình lưu ý khi xẩy ra sự kiện.

lấy ví dụ đoạn mã sau:

a href="www.https://au-79.net/">Trang chủ/a>script type="text/javascript">$("a").click(function (event) alert("quý khách hàng nhấn vào link rồi"); sự kiện.preventDefault());/script>thì khi người dùng nhấp vào link liên kết trình xem xét đã hiển thị vỏ hộp thoại chú ý cùng với nội dung:

Quý khách hàng nhấn vào link rồiđồng thời ngăn cản trình phê chuẩn nối tiếp người tiêu dùng tới landingpage của link links.

2. Event.stopPropagation

*

Phương thức stopPropagation() của đối tượng event được sử dụng để ngăn uống quán triệt sự khiếu nại lan toả lên những bộ phận chị em của phần tử mà sinh hoạt kia ra mắt sự khiếu nại.

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

Trang chủThì Lúc người tiêu dùng clichồng vào phần tử p (đồng thời cũng là clichồng vào thành phần a cất thành phần p) thì trình chăm bẵm đã hiển thị vỏ hộp thoại chú ý cùng với nội dung:

quý khách hàng sẽ nhấp vào bộ phận pTiếp theo, áp dụng event.stopPropagation() trong hàm callbachồng giải pháp xử lý sự kiện nhấp chuột vào thẻ p liên kết đã ngnạp năng lượng cản sự khiếu nại này lan toả tới bộ phận chị em a. Do kia hàm parentEventHandler() sẽ không được Điện thoại tư vấn với sẽ không có vỏ hộp thoại chú ý như thế nào khác được chỉ ra.

Xem thêm: Ngày 11 Tháng 11 Là Cung Gì, Điều Ai Cũng Biết Nhưng Lại Không Biết

Cuối cùng, vì chưng trong hàm callbaông xã ko thực hiện sự kiện.preventDefault() đề xuất tiếp nối trình chăm bẵm vẫn vẫn gửi người dùng cho tới Home www.au-79.net.

3. Event.stopImmediatePropagation

stopPropagation sẽ ngăn uống bất kỳ trình giải pháp xử lý cha mẹ nào được xúc tiến stopImmediatePropagationsẽ ngăn ngẫu nhiên trình cách xử trí bố mẹ làm sao cùng bất kỳ trình xử lý làm sao khác thực thi

lấy một ví dụ với đoạn mã sau:

example

Xử lý phía Javascript

$("p").click(function(event) sự kiện.stopImmediatePropagation();); $("p").click(function(event) // Chức năng này sẽ không còn được tiến hành $(this).css("background-color", "#f00"););

Chuyên mục: Blockchain