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 3443 lượt xem

NodeJS - Express với ejs view engine

Devsne VN 6519 lượt xem

Sử dụng Debounce trong ReactJs với hooks

Devsne VN 6799 lượt xem

JWT là gì? cách tạo JWT Auth với Nodejs (phần 2)

Devsne VN 7717 lượt xem

Cấu hình tsconfig.json trong TypeScript

Devsne VN 1125 lượt xem

How To Build Live Chat App In Laravel 9 And Vue JS

Devsne VN 7890 lượt xem

Vue Js Get Array Of Length Or Object Length

Devsne VN 10603 lượt xem

[HTML + CSS + JS] Bổ Sung Thêm Tính Năng Cho Carousel Thuần CSS Bằng JavaScript

Devsne VN 3660 lượt xem

Thực hành Kubernetes: Triển khai nodejs microservice trên Kubernetes (Phần 3) - Xây dựng CI/CD

Devsne VN 2255 lượt xem

Từ bug format sai chuỗi số khi nhập bằng bàn phím tiếng Nhật, tới IME và các sự kiện composition trong JS

Devsne VN 10185 lượt xem

Khám phá thư viện Benchmark.js