Sự kiện của HTML DOM

Sự kiện của HTML DOM

Sự kiện HTML DOM cho phép JavaScript đăng ký các trình xử lý sự kiện khác nhau trên các phần tử tài liệu HTML.

Sự kiện thường được kết hợp với hàm, hàm sẽ không được thực thi trước khi sự kiện xảy ra (ví dụ: khi người dùng nhấp vào nút).

Để tìm hiểu thêm về giáo trình sự kiện, hãy học từ Giáo trình sự kiện JavaScript。

Sự kiện Mô tả Thuộc
abort Sự kiện này xảy ra khi tải media bị chặn.
afterprint Sự kiện này xảy ra khi trang bắt đầu in hoặc khi đóng hộp thoại in. Event
animationend Sự kiện này xảy ra khi animation CSS hoàn thành. AnimationEvent
animationiteration Sự kiện này xảy ra khi animation CSS lặp lại. AnimationEvent
animationstart Sự kiện này xảy ra khi animation CSS bắt đầu. AnimationEvent
beforeprint Sự kiện này xảy ra khi trang web sắp in. Event
beforeunload Sự kiện này xảy ra trước khi tài liệu được tải xuống.
blur Sự kiện này xảy ra khi phần tử mất焦点. FocusEvent
canplay Sự kiện này xảy ra khi trình duyệt có thể bắt đầu phát media. Event
canplaythrough Sự kiện này xảy ra khi trình duyệt có thể phát media mà không cần dừng bộ nhớ đệm. Event
change Sự kiện này xảy ra khi nội dung, lựa chọn hoặc trạng thái được chọn của phần tử form thay đổi. Event
click Sự kiện này xảy ra khi người dùng nhấp chuột vào phần tử. MouseEvent
contextmenu Sự kiện này xảy ra khi người dùng nhấp chuột phải vào phần tử để mở menu ngữ cảnh. MouseEvent
copy Sự kiện này xảy ra khi người dùng sao chép nội dung của phần tử. ClipboardEvent
cut Sự kiện này xảy ra khi người dùng cắt nội dung của phần tử. ClipboardEvent
dblclick Sự kiện này xảy ra khi người dùng双击 phần tử. MouseEvent
drag Sự kiện này xảy ra khi người dùng kéo di chuyển phần tử. DragEvent
dragend Khi người dùng hoàn thành việc kéo phần tử, sự kiện này xảy ra. DragEvent
dragenter Khi phần tử kéo vào mục tiêu đặt, sự kiện này xảy ra. DragEvent
dragleave Khi phần tử kéo rời khỏi mục tiêu đặt, sự kiện này xảy ra. DragEvent
dragover Khi phần tử kéo nằm trên mục tiêu đặt, sự kiện này xảy ra. DragEvent
dragstart Khi người dùng bắt đầu kéo phần tử, sự kiện này xảy ra. DragEvent
drop Khi phần tử kéo được đặt trên mục tiêu đặt, sự kiện này xảy ra. DragEvent
durationchange Sự kiện này xảy ra khi thời gian chạy của phương tiện thay đổi. Event
ended Sự kiện này xảy ra khi phương tiện phát đến cuối. Event
error Sự kiện này xảy ra khi có lỗi sau khi tải tệp外部.
focus Sự kiện này xảy ra khi phần tử nhận được焦点. FocusEvent
focusin Sự kiện này xảy ra khi phần tử sắp nhận焦点. FocusEvent
focusout Sự kiện này xảy ra khi phần tử sắp mất焦点. FocusEvent
fullscreenchange Khi phần tử hiển thị trong chế độ toàn màn hình, sự kiện này xảy ra. Event
fullscreenerror Khi phần tử không thể hiển thị trong chế độ toàn màn hình, sự kiện này xảy ra. Event
hashchange Khi phần tử dán của URL thay đổi, sự kiện này xảy ra. HashChangeEvent
input Khi phần tử nhận được đầu vào người dùng, sự kiện này xảy ra.
invalid Khi phần tử không hợp lệ, sự kiện này xảy ra. Event
keydown Khi người dùng đang nhấn phím, sự kiện này xảy ra. KeyboardEvent
keypress Khi người dùng nhấn phím, sự kiện này xảy ra. KeyboardEvent
keyup Khi người dùng thả phím, sự kiện này xảy ra. KeyboardEvent
load Khi đối tượng đã được tải, sự kiện này xảy ra.
loadeddata Khi dữ liệu phương tiện được tải, sự kiện này xảy ra. Event
loadedmetadata Khi tải metadata (ví dụ: kích thước và thời gian chạy) xảy ra sự kiện này. Event
loadstart Khi trình duyệt bắt đầu tìm kiếm phương tiện được chỉ định, sự kiện này xảy ra. ProgressEvent
message Sự kiện này xảy ra khi nhận thông điệp từ nguồn sự kiện này. Event
mousedown Khi người dùng nhấn nút chuột trên phần tử, sự kiện này xảy ra. MouseEvent
mouseenter Khi con trỏ di chuyển đến phần tử, sự kiện này xảy ra. MouseEvent
mouseleave Khi con trỏ di chuyển ra khỏi phần tử, sự kiện này xảy ra. MouseEvent
mousemove Khi con trỏ di chuyển trên phần tử, sự kiện này xảy ra. MouseEvent
mouseout Khi người dùng di chuyển con trỏ chuột ra khỏi phần tử hoặc phần tử con của nó, sự kiện này xảy ra. MouseEvent
mouseover Khi con trỏ di chuyển đến phần tử hoặc phần tử con của nó, sự kiện này xảy ra. MouseEvent
mouseup Khi người dùng thả nút chuột trên phần tử, sự kiện này xảy ra. MouseEvent
mousewheel Không khuyến khích sử dụng.Vui lòng sử dụng lại. wheel sự kiện WheelEvent
offline Khi trình duyệt bắt đầu làm việc ngoại tuyến, sự kiện này xảy ra. Event
online Khi trình duyệt bắt đầu làm việc trực tuyến, sự kiện này xảy ra. Event
open Khi mở kết nối với nguồn sự kiện, sự kiện này xảy ra. Event
pagehide Khi người dùng rời khỏi một trang web để định hướng, sự kiện này xảy ra. PageTransitionEvent
pageshow Khi người dùng định hướng đến một trang web, sự kiện này xảy ra. PageTransitionEvent
paste Khi người dùng dán một số nội dung vào yếu tố, sự kiện này xảy ra. ClipboardEvent
pause Khi媒体 bị người dùng tạm dừng hoặc tạm dừng bằng cách lập trình, sự kiện này xảy ra. Event
play Khi媒体 đã bắt đầu hoặc không còn tạm dừng, sự kiện này xảy ra. Event
playing Khi媒体 bị tạm dừng hoặc dừng để buffer sau đó phát lại, sự kiện này xảy ra. Event
popstate Khi lịch sử của cửa sổ thay đổi, sự kiện này xảy ra. PopStateEvent
progress Khi trình duyệt đang trong quá trình tải dữ liệu媒体, sự kiện này xảy ra. Event
ratechange Khi tốc độ phát của媒体 thay đổi, sự kiện này xảy ra. Event
reset Khi重置 biểu mẫu, sự kiện này xảy ra. Event
resize Khi điều chỉnh kích thước xem tài liệu, sự kiện này xảy ra.
scroll Khi cuộn thanh cuộn của yếu tố cuộn, sự kiện này xảy ra.
search Khi người dùng nhập nội dung vào trường tìm kiếm, sự kiện này xảy ra. Event
seeked Khi người dùng hoàn thành di chuyển/skip đến vị trí mới trong媒体, sự kiện này xảy ra. Event
seeking Khi người dùng bắt đầu di chuyển/skip đến vị trí mới trong媒体, sự kiện này xảy ra. Event
select Khi người dùng chọn văn bản sau khi chọn (đối với <input> và <textarea>), sự kiện này xảy ra.
show Khi yếu tố <menu> hiển thị như menu ngữ cảnh, sự kiện này xảy ra. Event
stalled Khi trình duyệt cố gắng tải dữ liệu媒体, nhưng dữ liệu không có sẵn, sự kiện này xảy ra. Event
storage Khi vùng lưu trữ web được cập nhật, sự kiện này xảy ra. StorageEvent
submit Khi người dùng nộp biểu mẫu, sự kiện này xảy ra. Event
suspend Khi trình duyệt cố gắng tải dữ liệu媒体, nhưng dữ liệu không có sẵn, sự kiện này xảy ra. Event
timeupdate Khi vị trí phát chơi thay đổi, sự kiện này xảy ra. Event
toggle Khi người dùng mở hoặc đóng yếu tố <details>, sự kiện này xảy ra. Event
touchcancel Khi chạm bị gián đoạn, sự kiện này xảy ra. TouchEvent
touchend Khi ngón tay rời khỏi màn hình chạm, sự kiện này xảy ra. TouchEvent
touchmove Khi ngón tay kéo trên màn hình, sự kiện này xảy ra. TouchEvent
touchstart Khi ngón tay đặt trên màn hình chạm, sự kiện này xảy ra. TouchEvent
transitionend Khi chuyển đổi CSS hoàn thành, sự kiện này xảy ra. TransitionEvent
unload Sự kiện này xảy ra sau khi trang web tải xong (cho <body>).
volumechange Sự kiện này xảy ra khi âm lượng của phương tiện đã thay đổi. Event
waiting Sự kiện này xảy ra khi phương tiện đã tạm dừng nhưng dự kiến sẽ khôi phục. Event
wheel Sự kiện này xảy ra khi bánh xe chuột cuộn lên hoặc xuống trên phần tử. WheelEvent

Thuộc tính và phương thức sự kiện HTML DOM

Thuộc tính/Phương thức Mô tả Thuộc
altKey Trả về xem có nhấn phím 'ALT' khi sự kiện chuột xảy ra hay không. MouseEvent
altKey Trả về xem có nhấn phím 'ALT' khi sự kiện phím xảy ra hay không.
animationName Trả về tên của animation. AnimationEvent
bubbles Trả về xem sự kiện cụ thể có phải là sự kiện bùng nổ (bubble) hay không. Event
button Trả lại phím chuột nào được nhấn khi sự kiện chuột xảy ra. MouseEvent
buttons Trả lại phím chuột nào được nhấn khi sự kiện chuột xảy ra. MouseEvent
cancelBubble Thiết lập hoặc trả về xem sự kiện có nên truyền lên các cấp độ trên hay không.
cancelable Trả về xem sự kiện có thể ngăn chặn hành động mặc định của nó hay không. Event
changeTouches Trả về danh sách các đối tượng chạm đang thay đổi trạng thái giữa các lần chạm liên tiếp. TouchEvent
charCode Trả về mã Unicode của phím trigger sự kiện onkeypress. KeyboardEvent
clientX Trả về tọa độ ngang của con trỏ chuột so với cửa sổ hiện tại khi sự kiện chuột xảy ra.
clientY Trả về tọa độ dọc của con trỏ chuột so với cửa sổ hiện tại khi sự kiện chuột xảy ra.
clipboardData Trả về đối tượng chứa dữ liệu bị ảnh hưởng bởi các thao tác trên bảng剪贴板. ClipboardData
code Trả về mã của phím trigger sự kiện. KeyboardEvent
composed Chỉ ra xem sự kiện có thể truyền từ Shadow DOM đến DOM thông thường hay không. Event
composedPath() Trả về đường dẫn của sự kiện.
createEvent() Tạo sự kiện mới. Event
ctrlKey Trả về xem có nhấn phím 'CTRL' khi sự kiện chuột xảy ra hay không. MouseEvent
ctrlKey Trả về xem có nhấn phím 'CTRL' khi sự kiện phím chuột xảy ra hay không.
currentTarget Trả về phần tử触发事件的监听器. Event
data Trả về ký tự được chèn. InputEvent
dataTransfer Trả về một đối tượng chứa dữ liệu được kéo hoặc chèn/xóa.
defaultPrevented Trả về xem có gọi phương thức preventDefault() cho sự kiện không. Event
deltaX Trả về lượng cuộn ngang của bánh xe chuột (trục x). WheelEvent
deltaY Trả về lượng cuộn dọc của bánh xe chuột (trục y). WheelEvent
deltaZ Trả về lượng cuộn Z của bánh xe chuột. WheelEvent
deltaMode Trả về số, đại diện cho đơn vị đo của giá trị tăng/giảm (pixel, line hoặc trang). WheelEvent
detail Trả về số, chỉ ra số lần chuột được nhấn. UiEvent
elapsedTime Trả về số giây mà animation đã chạy. AnimationEvent
elapsedTime Trả về số giây mà chuyển đổi đã chạy. 　
eventPhase Trả về giai đoạn nào của luồng sự kiện hiện tại đang được đánh giá. Event
getModifierState() Trả về mảng chứa phạm vi mục tiêu, phạm vi này sẽ bị ảnh hưởng bởi việc chèn/xóa. MouseEvent
getTargetRanges() Trả về mảng chứa phạm vi mục tiêu, phạm vi này sẽ bị ảnh hưởng bởi việc chèn/xóa. InputEvent
inputType Trả về loại thay đổi (tức là "inserting" hoặc "deleting"). InputEvent
isComposing Trả về xem trạng thái của sự kiện có đang được cấu thành hay không.
isTrusted Trả về xem sự kiện có đáng tin cậy hay không. Event
key Trả về giá trị của phím mà sự kiện biểu thị. KeyboardEvent
key Trả về khóa của mục lưu trữ đã thay đổi. StorageEvent
keyCode Trả về mã Unicode của phím được kích hoạt trong sự kiện onkeypress, onkeydown hoặc onkeyup. KeyboardEvent
location Trả về vị trí của phím trên bàn phím hoặc thiết bị. KeyboardEvent
lengthComputable Trả về xem độ dài của tiến độ có thể tính toán hay không. ProgressEvent
loaded Trả về lượng công việc đã tải. ProgressEvent
metaKey Trả về xem phím "META" có được nhấn khi sự kiện được kích hoạt hay không. MouseEvent
metaKey Trả về xem phím "META" có được nhấn khi sự kiện phím được kích hoạt hay không.
MovementX Trả về tọa độ ngang của con trỏ chuột so với vị trí của sự kiện mousemove trước đó. MouseEvent
MovementY Trả về tọa độ dọc của con trỏ chuột so với vị trí của sự kiện mousemove trước đó. MouseEvent
newURL Trả về URL của tài liệu sau khi thay đổi hash. HasChangeEvent
newValue Trả về giá trị mới của mục lưu trữ đã thay đổi. StorageEvent
offsetX Trả về tọa độ ngang của con trỏ chuột so với cạnh của phần tử mục tiêu. MouseEvent
offsetY Trả về tọa độ dọc của con trỏ chuột so với cạnh của phần tử mục tiêu. MouseEvent
oldURL Trả về URL của tài liệu trước khi thay đổi hash. HasChangeEvent
oldValue Trả về giá trị cũ của mục lưu trữ đã thay đổi. StorageEvent
onemptied Sự kiện này xảy ra khi có tình trạng xấu và tệp phương tiện đột ngột không khả dụng. 　
pageX Trả về tọa độ ngang của con trỏ chuột so với tài liệu khi sự kiện chuột được kích hoạt. MouseEvent
pageY Trả về tọa độ dọc của con trỏ chuột so với tài liệu khi sự kiện chuột được kích hoạt. MouseEvent
persisted Trả về xem trang web có được bộ duyệt web lưu cache hay không. PageTransitionEvent
preventDefault() Nếu có thể hủy bỏ sự kiện, hãy hủy bỏ nó và không thực hiện các hành động mặc định của sự kiện. Event
propertyName Trả lại tên của thuộc tính CSS liên quan đến animation hoặc transition.
pseudoElement Trả lại tên của pseudo-element của animation hoặc transition.
region MouseEvent
relatedTarget Trả lại phần tử liên quan đến phần tử mà sự kiện chuột đã xảy ra. MouseEvent
relatedTarget Trả lại phần tử liên quan đến phần tử mà sự kiện đã xảy ra. FocusEvent
repeat Trả lại xem có nhấn giữ liên tục một phím nào đó hay không. KeyboardEvent
screenX Trả lại tọa độ ngang của con trỏ chuột so với màn hình. MouseEvent
screenY Trả lại tọa độ thẳng đứng của con trỏ chuột so với màn hình. MouseEvent
shiftKey Trả lại xem có nhấn phím "SHIFT" khi sự kiện được kích hoạt hay không. MouseEvent
shiftKey Trả lại xem có nhấn phím "SHIFT" khi sự kiện nút bấm được kích hoạt hay không.
state Trả lại đối tượng chứa bản sao của mục lịch sử. PopStateEvent
stopImme...() Ngăn chặn các bộ lắng nghe sự kiện khác của cùng một sự kiện được gọi. Event
stopPropagation() Ngăn chặn sự kiện truyền播 thêm trong luồng sự kiện. Event
storageArea Trả lại đối tượng đại diện cho đối tượng lưu trữ bị ảnh hưởng. StorageEvent
target Trả lại phần tử mà sự kiện đã xảy ra. Event
targetTouches Trả lại danh sách các đối tượng TouchList chứa các điểm chạm vẫn còn chạm vào bề mặt. TouchEvent
timeStamp Trả lại thời gian tạo sự kiện (theo đơn vị là miliseconds so với epoch). Event
total Trả lại tổng công việc sẽ được tải. ProgressEvent
touches Trả lại danh sách các đối tượng touch mà hiện tại đang chạm vào bề mặt. TouchEvent
type Trả lại tên sự kiện. Event
url Trả lại URL của tài liệu mà đối tượng đã thay đổi. StorageEvent
which Trả lại phím chuột nào được nhấn khi sự kiện chuột xảy ra. MouseEvent
which Trả lại mã ký tự Unicode của phím mà sự kiện onkeypress được kích hoạt, hoặc mã phím Unicode của phím mà sự kiện onkeydown hoặc onkeyup được kích hoạt. KeyboardEvent
view Trả lại tham chiếu đến đối tượng Window mà sự kiện đã xảy ra. UiEvent