Tìm hiều về Event trong JavaScript
Học Javascript bắt đầu với Hello, World
Tự làm quen với các bài tập và gửi đoạn code đầu tiên của bạn bằng cách hoàn thành bài đầu tiên "Hello, World!".
Luyện tập
Event trong HTML

    Một sự kiện HTML có thể là điều mà trình duyệt thực hiện hoặc điều gì đó mà người dùng thực hiện.

Dưới đây là một số ví dụ về các sự kiện HTML:

  • Một trang web HTML đã tải xong
  • Một trường đầu vào HTML đã được thay đổi
  • Một nút HTML đã được nhấp vào

    Thông thường, khi các sự kiện xảy ra, bạn có thể muốn làm điều gì đó. JavaScript cho phép bạn thực thi mã khi các sự kiện được phát hiện.

Ví dụ
HTML Iframe
Ví dụ
HTML Iframe
Ví dụ
HTML Iframe
Sự kiện HTML phổ biến

Dưới đây là danh sách một số sự kiện HTML phổ biến:

Sự kiện Sự miêu tả
onchange Một phần tử HTML đã được thay đổi
onclick Người dùng nhấp vào một phần tử HTML
onmouseover Người dùng di chuyển chuột qua phần tử HTML
onmouseout Người dùng di chuyển chuột ra khỏi phần tử HTML
onkeydown Người dùng nhấn một phím bàn phím
onload Trình duyệt đã tải xong trang
Trình xử lý sự kiện Javascript

Trình xử lý sự kiện có thể được sử dụng để xử lý và xác minh đầu vào của người dùng, hành động của người dùng và hành động của trình duyệt:

  • Những việc nên làm mỗi khi tải trang
  • Những việc nên làm khi đóng trang
  • Hành động nên được thực hiện khi người dùng nhấp vào nút
  • Nội dung cần được xác minh khi người dùng nhập dữ liệu
  • Và hơn thế nữa ...

Có thể sử dụng nhiều phương thức khác nhau để JavaScript hoạt động với các sự kiện:

  • Thuộc tính sự kiện HTML có thể thực thi trực tiếp mã JavaScript
  • Thuộc tính sự kiện HTML có thể gọi hàm JavaScript
  • Bạn có thể gán các chức năng xử lý sự kiện của riêng mình cho các phần tử HTML
  • Bạn có thể ngăn các sự kiện được gửi hoặc được xử lý
  • Và hơn thế nữa ...

Bạn sẽ tìm hiểu thêm về các sự kiện và trình xử lý sự kiện trong các chương HTML DOM.

Một số bài viết liên quan
Devsne VN 9678 lượt xem

File upload với Multer, Nodejs và Express

Devsne VN 2195 lượt xem

Tạo Restfull API - CRUD đơn giản với NodeJS, GraphQL

Devsne VN 9074 lượt xem

Kết hợp masonry layout và virtualized trong ReactJS

Devsne VN 3683 lượt xem

[EJS] Bài 3 - Viết Code Xây Dựng Giao Diện Blog (Tiếp Theo)

Devsne VN 8772 lượt xem

Tìm hiểu cấu trúc thư mục NuxtJs

Devsne VN 5131 lượt xem

Tối ưu dung lượng bundle webpack cho ứng dụng ReactJs với 6 mẹo sau

Devsne VN 6644 lượt xem

Context API và Prop-drilling trong ReactJS: Giải thích và ứng dụng

Devsne VN 7563 lượt xem

Video.js - HTML5 Video Player (Part 2)

Devsne VN 1150 lượt xem

Cách dùng localization trong JS với project Laravel (Part 1)

Devsne VN 8659 lượt xem

Cấu trúc và workflow của dự án ReactJS và React Native