Cơ bản về làm việc với đối tượng Event trong JavaScript
Trong bài học này, chúng ta sẽ nghiên cứu những kiến thức cơ bản về làm việc
với đối tượng Event. Đối tượng này chứa
thông tin về sự kiện đã xảy ra.
Ví dụ, nếu một phần tử được nhấp chuột,
chúng ta có thể biết tọa độ của lần nhấp chuột đó,
phím Ctrl, Alt
hoặc Shift có được nhấn
vào thời điểm nhấp chuột hay không, v.v.
Hãy xem cách lấy đối tượng Event.
Giả sử chúng ta có một nút:
<button id="elem">text</button>
Giả sử khi nhấp chuột vào nút này, một hàm nào đó sẽ được thực thi:
let elem = document.querySelector('#elem');
elem.addEventListener('click', function() {
});
Bên trong hàm được gắn đã có đối tượng
Event - chỉ là chúng ta chưa biết
cách lấy nó. Nó được lấy như sau:
khi khai báo hàm của chúng ta,
cần truyền vào đó một tham số là bất kỳ biến nào
(thông thường là event - nhưng tên
có thể là bất kỳ) và trình duyệt
sẽ tự động đặt đối tượng Event vào biến này:
elem.addEventListener('click', function(event) {
console.log(event); // sẽ thấy đối tượng chứa sự kiện
});
Hãy tự mình thực hiện các thao tác được mô tả và in đối tượng sự kiện ra console. Nghiên cứu cấu trúc của đối tượng này.
