Xử lý các sự kiện khác nhau trong JavaScript
Ngoài việc nhấp chuột vào phần tử, còn có các
sự kiện khác. Ví dụ, bằng sự kiện dblclick
bạn có thể bắt sự kiện nhấp đúp chuột vào phần tử,
bằng sự kiện mouseover - di chuột vào
phần tử, và bằng sự kiện mouseout
- di chuột ra khỏi phần tử.
Đồng thời, một phần tử có thể được gắn trình xử lý cho các loại sự kiện khác nhau. Ví dụ, hãy gắn cho một phần tử phản ứng khi di chuột vào và phản ứng khi di chuột ra:
button.addEventListener('mouseover', function() {
console.log('1');
});
button.addEventListener('mouseout', function() {
console.log('2');
});
Cho một nút bấm. Khi nhấp đúp chuột vào nó, hãy hiển thị một thông báo nào đó.
Cho một nút bấm. Khi di chuột vào nó, hãy hiển thị một thông báo nào đó.
Cho một nút bấm. Khi di chuột ra khỏi nó, hãy hiển thị một thông báo nào đó.
Cho một nút bấm. Khi di chuột vào nó, hãy hiển thị một thông báo, còn khi di chuột ra khỏi nó - hãy hiển thị thông báo khác.