Tiếp theo → ← Prev
Sự thay đổi trong trạng thái của một đối tượng được gọi là một sự kiện. Trong HTML, có nhiều sự kiện khác nhau thể hiện rằng một số hoạt động được thực hiện bởi người dùng hoặc trình duyệt. Khi mã JavaScript được bao gồm trong HTML, JS phản ứng với các sự kiện này và cho phép thực thi. Quá trình phản ứng này đối với các sự kiện được gọi là xử lý sự kiện. Do đó, JS xử lý các sự kiện HTML thông qua các trình xử lý sự kiện.Event. In html, there are various events which represents that some activity is performed by the user or by the browser. When javascript code is included in HTML, js react over these events and allow the execution. This process of reacting over the events is called Event Handling. Thus, js handles the HTML events via Event Handlers.
Ví dụ: khi người dùng nhấp vào trình duyệt, hãy thêm mã JS, sẽ thực hiện tác vụ sẽ được thực hiện trên sự kiện., when a user clicks over the browser, add js code, which will execute the task to be performed on the event.
Một số sự kiện HTML và trình xử lý sự kiện của họ là:
Sự kiện chuột:
nhấp chuột | trong một cái nhấp chuột | Khi chuột nhấp vào một phần tử |
Di chuột lên trên | onmouseOver | Khi con trỏ của chuột đi qua phần tử |
MOUSOUT | onmouseOut | Khi con trỏ của chuột để lại một phần tử |
Di chuột xuống | onmousedown | Khi nhấn nút chuột trên phần tử |
Mouseup | onmouseup | Khi nút chuột được phát hành qua phần tử |
Mousemove | onmousemove | Khi chuyển động chuột diễn ra. |
Sự kiện bàn phím:
nhấp chuột | trong một cái nhấp chuột | Khi chuột nhấp vào một phần tử |
Di chuột lên trên
nhấp chuột | trong một cái nhấp chuột | Khi chuột nhấp vào một phần tử |
Di chuột lên trên | onmouseOver | Khi con trỏ của chuột đi qua phần tử |
MOUSOUT | onmouseOut | Khi con trỏ của chuột để lại một phần tử |
Di chuột xuống | onmousedown | Khi nhấn nút chuột trên phần tử |
Mouseup
nhấp chuột | trong một cái nhấp chuột | Khi chuột nhấp vào một phần tử |
Di chuột lên trên | onmouseOver | Khi con trỏ của chuột đi qua phần tử |
MOUSOUT | onmouseOut | Khi con trỏ của chuột để lại một phần tử |
Di chuột xuống
onmousedown
Khi nhấn nút chuột trên phần tửMouseup
Khi nhấn nút chuột trên phần tửMouseup
Khi nhấn nút chuột trên phần tửMouseup
Khi nhấn nút chuột trên phần tửMouseup
Khi nhấn nút chuột trên phần tửMouseupJavaScript addEventListener()
onmouseup
Mousemove
- onmousemove
Khi chuyển động chuột diễn ra.
Biểu mẫu sự kiện. ...."things" that happen to HTML elements.
Các sự kiện đột biến và quan sát viên. .... "react" on these events.
Sự kiện HTML5. ....
Sự kiện CSS ..
Xử lý sự kiện giải thích các loại sự kiện với ví dụ là gì?
- Một sự kiện có thể được định nghĩa là thay đổi trạng thái của một đối tượng hoặc hành vi bằng cách thực hiện các hành động. Hành động có thể là một nút nhấp chuột, chuyển động con trỏ, keypress thông qua bàn phím hoặc cuộn trang, v.v.
- 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 phát hiện các sự kiện.
HTML cho phép các thuộc tính xử lý sự kiện, với mã JavaScript, được thêm vào các phần tử HTML.with JavaScript code, to be added to HTML elements.
Với các trích dẫn đơn:
onblur'some JavaScript'>
Với dấu ngoặc kép:
onblur"some JavaScript">
Với dấu ngoặc kép:
Trong ví dụ sau, thuộc tính title (có mã), được thêm vào phần tử <button>:
Thí dụ
Thời gian là?
Hãy tự mình thử »
Trong ví dụ trên, mã JavaScript thay đổi nội dung của phần tử với id = "demo".
Trong ví dụ sau, thuộc tính title (có mã), được thêm vào phần tử <button>:
Thí dụ
Thời gian là?
Hãy tự mình thử »
Trong ví dụ trên, mã JavaScript thay đổi nội dung của phần tử với id = "demo".
Trong ví dụ tiếp theo, mã thay đổi nội dung của phần tử của chính nó (sử dụng this.innerHTML):
Dưới đây là danh sách một số sự kiện HTML phổ biến: | Biến cố |
Sự mô tả | onchange |
Một phần tử HTML đã được thay đổi | trong một cái nhấp chuột |
Người dùng nhấp vào 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 phím bàn phím
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à các hành động trình duyệt:
- Những việc nên được thực hiện mỗi khi một trang tải
- Những việc nên được thực hiện khi trang được đóng
- 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à nhiều hơn nữa ...
Nhiều phương pháp khác nhau có thể được sử dụng để cho phép JavaScript hoạt động với các sự kiện:
- Thuộc tính sự kiện HTML có thể thực thi mã JavaScript trực tiếp
- Thuộc tính sự kiện HTML có thể gọi các 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à nhiều hơn nữa ...
Nhiều phương pháp khác nhau có thể được sử dụng để cho phép JavaScript hoạt động với các sự kiện:
Thuộc tính sự kiện HTML có thể thực thi mã JavaScript trực tiếp
Exercise:
Thuộc tính sự kiện HTML có thể gọi các hàm JavaScript
<button ="alert('Hello')">Click me.</button>
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