Event HTML DOM

Event HTML DOM

เหตุการณ์ DOM HTML สามารถลงทะเบียนฟังก์ชันการจัดการเหตุการณ์ที่ต่าง ๆ บนอิเล็กทรอนิกส์ของเอกสาร HTML

เหตุการณ์มักถูกใช้ร่วมกับฟังก์ชัน ซึ่งฟังก์ชันจะไม่ถูกปฏิบัติก่อนเหตุการณ์เกิดขึ้น (เช่น เมื่อมีการคลิกปุ่ม)

ถ้าคุณต้องการเรียนสอนเกี่ยวกับเหตุการณ์ โปรดเรียนคอร์สของเรา สอนสมบัติ JavaScript ทั้งหมด。

เหตุการณ์ 描述 屬於
abort ขณะที่มีการหยุดโหลดสื่อ
afterprint ขณะที่เริ่มพิมพ์หน้าหรือปิดกล่องต่อพิมพ์ Event
animationend ขณะที่อนุกรม CSS ระบุสิ้นสุดแอนิเมชัน AnimationEvent
animationiteration ขณะที่อนุกรม CSS ระบุเริ่มทำแอนิเมชันใหม่ AnimationEvent
animationstart ขณะที่อนุกรม CSS ระบุเริ่มทำแอนิเมชัน AnimationEvent
beforeprint ก่อนที่จะพิมพ์หน้า Event
beforeunload ก่อนที่เอกสารจะถูกดาวน์โหลดออก
blur ขณะที่อิเล็กทรอนิกส์สูญเสียความ집中的一个 FocusEvent
canplay ขณะที่เบราเซอร์สามารถเริ่มเล่นสื่อได้ Event
canplaythrough ขณะที่เบราเซอร์สามารถเล่นสื่อได้โดยไม่ต้องหยุดบูฟ Event
change ขณะที่มีการเปลี่ยนแปลงเนื้อหาของ form หรือที่เลือกหรือสถานะที่เลือกของอิเล็กทรอนิกส์ Event
click ขณะที่มีการคลิกบนอิเล็กทรอนิกส์ MouseEvent
contextmenu ขณะที่มีการคลิกปุ่มขวาบนอิเล็กทรอนิกส์เพื่อเปิดเมนูไซเทม MouseEvent
copy ขณะที่มีการคัดลอกส่วนของอิเล็กทรอนิกส์ ClipboardEvent
cut ขณะที่มีการตัดส่วนของอิเล็กทรอนิกส์ ClipboardEvent
dblclick ขณะที่มีการคลิกเท่าสองครั้งบนอิเล็กทรอนิกส์ MouseEvent
drag ขณะที่มีการขับเคลื่อนอิเล็กทรอนิกส์ DragEvent
dragend เมื่อผู้ใช้เสร็จการขยายองค์ประกอบเกิดเหตุการณ์นี้ DragEvent
dragenter เมื่อองค์ประกอบที่ถูกขยายเข้าสู่จุดปลายทางเกิดเหตุการณ์นี้ DragEvent
dragleave เมื่อองค์ประกอบที่ถูกขยายออกจากจุดปลายทางเกิดเหตุการณ์นี้ DragEvent
dragover เมื่อองค์ประกอบที่ถูกขยายอยู่ด้านบนจุดปลายทางเกิดเหตุการณ์นี้ DragEvent
dragstart เมื่อผู้ใช้เริ่มขยายองค์ประกอบเกิดเหตุการณ์นี้ DragEvent
drop เมื่อสื่อที่ถูกขยายมีการทิ้งลงบนจุดปลายทางเกิดเหตุการณ์นี้ DragEvent
durationchange เมื่อความยาวของสื่อเปลี่ยนเกิดเหตุการณ์นี้ Event
ended เมื่อสื่อเล่นจนถึงจุดสิ้นสุดเกิดเหตุการณ์นี้ Event
error เมื่อมีความผิดพลาดเกิดขณะที่โหลดไฟล์ภายนอกเกิดเหตุการณ์นี้
focus เมื่อองค์ประกอบได้รับความสำคัญเกิดเหตุการณ์นี้ FocusEvent
focusin เมื่อองค์ประกอบเกี่ยวข้องกับการได้ความสำคัญเกิดเหตุการณ์นี้ FocusEvent
focusout เมื่อองค์ประกอบเกี่ยวข้องกับการสูญเสียความสำคัญเกิดเหตุการณ์นี้ FocusEvent
fullscreenchange เมื่อองค์ประกอบแสดงในโหมดเต็มจอเกิดเหตุการณ์นี้ Event
fullscreenerror เมื่อองค์ประกอบไม่สามารถแสดงในโหมดเต็มจอได้เกิดเหตุการณ์นี้ Event
hashchange เมื่อส่วนหลัง URL กำลังเปลี่ยนเกิดเหตุการณ์นี้ HashChangeEvent
input เมื่อองค์ประกอบได้รับความสนใจจากผู้ใช้เกิดเหตุการณ์นี้
invalid เมื่อองค์ประกอบไม่มีประสิทธิภาพเกิดเหตุการณ์นี้ Event
keydown เมื่อผู้ใช้กดตัวชักและยังคงกดอยู่เมื่อเกิดเหตุการณ์นี้ KeyboardEvent
keypress เมื่อผู้ใช้กดตัวชักเมื่อเกิดเหตุการณ์นี้ KeyboardEvent
keyup เมื่อผู้ใช้ปล่อยตัวชักเมื่อเกิดเหตุการณ์นี้ KeyboardEvent
load เมื่อสื่อที่โหลดเสร็จเกิดเหตุการณ์นี้
loadeddata หลังจากที่โหลดข้อมูลสื่อเกิดเหตุการณ์นี้ Event
loadedmetadata เมื่อโหลดข้อมูลแมตริซ (เช่น ขนาดและความยาว) เกิดเหตุการณ์นี้ Event
loadstart เมื่อเว็บเบราวเซอร์เริ่มหาสื่อที่กำหนดเกิดเหตุการณ์นี้ ProgressEvent
message เมื่อรับข้อความของเหตุการณ์นี้ผ่านตัวแหล่งเหตุการณ์นี้เกิดเหตุการณ์นี้ Event
mousedown เมื่อผู้ใช้กดปุ่มหมุนหลังบนองค์ประกอบเกิดเหตุการณ์นี้ MouseEvent
mouseenter เมื่อลูกศุกรรมมุ่งที่องค์ประกอบเกิดเหตุการณ์นี้ MouseEvent
mouseleave เมื่อลูกศุกรรมออกจากองค์ประกอบเกิดเหตุการณ์นี้ MouseEvent
mousemove เมื่อลูกศุกรรมเคลื่อนไปด้านบนองค์ประกอบเกิดเหตุการณ์นี้ MouseEvent
mouseout เมื่อผู้ใช้ย้ายลูกศุกรรมออกจากองค์ประกอบหรือองค์ประกอบลูกในนั้นเกิดเหตุการณ์นี้ MouseEvent
mouseover เมื่อลูกศุกรรมมุ่งที่องค์ประกอบหรือลูกศุกรรมลูกในองค์ประกอบนี้เกิดเหตุการณ์นี้ MouseEvent
mouseup เมื่อผู้ใช้ปล่อยปุ่มหมุนหลังมีเหตุการณ์นี้ MouseEvent
mousewheel ไม่เป็นไปตามแนวทางที่แนะนำกรุณาใช้ wheel เหตุการณ์ WheelEvent
offline เกิดเหตุการณ์นี้เมื่อเบราเซอร์เริ่มทำงานออฟไลน์。 Event
online เกิดเหตุการณ์นี้เมื่อเบราเซอร์เริ่มทำงานออนไลน์。 Event
open เกิดเหตุการณ์นี้เมื่อเปิดการเชื่อมต่อกับแหล่งข่าวสารที่มีเหตุการณ์นี้。 Event
pagehide เกิดเหตุการณ์นี้เมื่อผู้ใช้ออกจากหน้าเว็บปัจจุบันเพื่อเลื่อนที่หน้าเว็บอื่น。 PageTransitionEvent
pageshow เกิดเหตุการณ์นี้เมื่อผู้ใช้เลื่อนที่หน้าเว็บปัจจุบัน。 PageTransitionEvent
paste เกิดเหตุการณ์นี้เมื่อผู้ใช้แปะบางสิ่งบนองค์ประกอบ。 ClipboardEvent
pause เกิดเหตุการณ์นี้เมื่อสื่อถูกหยุดชะงักโดยผู้ใช้หรือด้วยวิธีโปรแกรมตั้งค่า。 Event
play เกิดเหตุการณ์นี้เมื่อสื่อเริ่มเล่นหรือไม่มีการหยุดชะงัก。 Event
playing เกิดเหตุการณ์นี้เมื่อสื่อถูกหยุดและหยุดชะงักเพื่อบูฟเฟอร์แล้วเริ่มเล่นต่อ。 Event
popstate เกิดเหตุการณ์นี้เมื่อประวัติที่เก็บไว้ในหน้าต่างเปลี่ยนแปลง。 PopStateEvent
progress เกิดเหตุการณ์นี้เมื่อเบราเซอร์กำลังหาข้อมูลมีเดียยงในขั้นตอนของการใช้งาน。 Event
ratechange เกิดเหตุการณ์นี้เมื่อความเร็วการเล่นสื่อมีการเปลี่ยนแปลง。 Event
reset เกิดเหตุการณ์นี้เมื่อยกเลิกฟอร์มยื่นสมัคร。 Event
resize เกิดเหตุการณ์นี้เมื่อปรับขนาดมุมมองของเอกสาร。
scroll เกิดเหตุการณ์นี้เมื่อย้ายลูกบาศก์ในประตูกำหนดลายนอนขององค์ประกอบย้ายลายนอนของสิ่งที่สามารถย้ายลายนอนได้。
search เกิดเหตุการณ์นี้เมื่อผู้ใช้ป้อนข้อความในช่องค้นหา。 Event
seeked เกิดเหตุการณ์นี้หลังจากผู้ใช้เสร็จการย้ายหรือกระโดดไปยังตำแหน่งใหม่ในสื่อ。 Event
seeking เกิดเหตุการณ์นี้เมื่อผู้ใช้เริ่มย้ายหรือกระโดดไปยังตำแหน่งใหม่ในสื่อ。 Event
select เกิดเหตุการณ์นี้หลังจากผู้ใช้เลือกข้อความ (สำหรับ <input> และ <textarea>)
show เกิดเหตุการณ์นี้เมื่อสิ่งที่มีตัวอักษร <menu> แสดงเป็นเมนูปูดลงมา。 Event
stalled เกิดเหตุการณ์นี้เมื่อเบราเซอร์พยายามหาข้อมูลมีเดียยงแต่ไม่สามารถใช้งานได้。 Event
storage เกิดเหตุการณ์นี้เมื่อพื้นที่เก็บข้อมูลเว็บมีการปรับปรุง。 StorageEvent
submit เกิดเหตุการณ์นี้เมื่อเฟอร์มยื่นสมัคร。 Event
suspend เกิดเหตุการณ์นี้เมื่อเบราเซอร์ไม่ได้หาข้อมูลมีเดียยงเพื่อนำมาใช้งาน。 Event
timeupdate เกิดเหตุการณ์นี้เมื่อตำแหน่งการเล่นมีการเปลี่ยนแปลง。 Event
toggle เกิดเหตุการณ์นี้เมื่อผู้ใช้เปิดหรือปิดสิ่งที่มีตัวอักษร <details> ขึ้น。 Event
touchcancel เกิดเหตุการณ์นี้เมื่อการสัมผัสถูกทำงานอย่างไม่เป็นไปตามแผน。 TouchEvent
touchend เกิดเหตุการณ์นี้เมื่อมือถือถอยออกจากหน้าจอสัมผัส。 TouchEvent
touchmove เกิดเหตุการณ์นี้เมื่อมือถือเลื่อนที่หน้าจอ。 TouchEvent
touchstart เกิดเหตุการณ์นี้เมื่อมือถืออยู่บนหน้าจอสัมผัส。 TouchEvent
transitionend เกิดเหตุการณ์นี้เมื่อ CSS มีการเปลี่ยนแปลงเสร็จสมบูรณ์。 TransitionEvent
unload 頁面卸載後（對於 <body>），發生此事件。
volumechange 當媒體的音量已更改時，發生此事件。 Event
waiting 當媒體已暫停但預期會恢復時，發生此事件。 Event
wheel 當鼠標滾輪在元素向上或向下滾動時，發生此事件。 WheelEvent

HTML DOM 事件屬性和方法

屬性/方法 描述 屬於
altKey 返回觸發鼠標事件時是否按下了 "ALT" 鍵。 MouseEvent
altKey 返回觸發按鍵事件時是否按下了 "ALT" 鍵。
animationName 返回動畫的名稱。 AnimationEvent
bubbles 返回特定事件是否為冒泡事件。 Event
button กลับค่าปุ่มหมุดที่กดได้ขณะที่เกิดเหตุมาousel MouseEvent
buttons กลับค่าปุ่มหมุดที่กดได้ขณะที่เกิดเหตุมาousel MouseEvent
cancelBubble 設置或返回事件是否應該向上层级進行傳播。
cancelable 返回事件是否可以阻止其默認操作。 Event
changeTouches 返回在上一觸摸與該觸摸之間其狀態已更改的所有觸摸對象的列表 TouchEvent
charCode 返回觸發 onkeypress 事件的鍵的 Unicode 字符代碼。 KeyboardEvent
clientX 返回觸發鼠標事件時，鼠標指針相對於當前窗口的水平坐標。
clientY 返回觸發鼠標事件時，鼠標指針相對於當前窗口的垂直坐標。
clipboardData 返回對象，其中包含受剪貼板操作影響的數據。 ClipboardData
code 返回觸發事件的鍵的代碼。 KeyboardEvent
composed 指示該事件是否可以從 Shadow DOM 傳遞到一般的 DOM。 Event
composedPath() 返回事件的路徑。
createEvent() 創建新事件。 Event
ctrlKey 返回觸發鼠標事件時是否按下了 "CTRL" 鍵。 MouseEvent
ctrlKey 返回按鍵鼠標事件時是否按下了 "CTRL" 鍵。
currentTarget 返回其事件監聽器觸發事件的元素。 Event
data 返回插入的字符。 InputEvent
dataTransfer 返回一個對象，其中包含被拖放或插入/刪除的數據。
defaultPrevented 返回是否為事件調用 preventDefault() 方法。 Event
deltaX 返回鼠标滾輪的水平滾動量（x 軸）。 WheelEvent
deltaY 返回鼠标滾輪的垂直滾動量（y 軸）。 WheelEvent
deltaZ 返回鼠标滾輪的 Z 軸滾動量。 WheelEvent
deltaMode 返回数字，代表增量值（像素、线或页面）的度量单位。 WheelEvent
detail 返回数字，指示鼠标被单击了多少次。 UiEvent
elapsedTime 返回动画已运行的秒数。 AnimationEvent
elapsedTime 返回过渡已运行的秒数。 　
eventPhase 返回当前正在评估事件流处于哪个阶段。 Event
getModifierState() 返回包含目标范围的数组，此范围将受到插入/删除的影响。 MouseEvent
getTargetRanges() 返回包含目标范围的数组，此范围将受到插入/删除的影响。 InputEvent
inputType 返回更改的类型（即 "inserting" 或 "deleting"）。 InputEvent
isComposing 返回事件的状态是否正在构成。
isTrusted 返回事件是否受信任。 Event
key 返回事件表示的键的键值。 KeyboardEvent
key 返回更改后的存储项的键。 StorageEvent
keyCode 返回触发 onkeypress、onkeydown 或 onkeyup 事件的键的 Unicode 字符代码。 KeyboardEvent
location 返回键盘或设备上按键的位置。 KeyboardEvent
lengthComputable 返回进度的长度是否可计算。 ProgressEvent
loaded 返回已加载的工作量。 ProgressEvent
metaKey 返回事件触发时是否按下了 "META" 键。 MouseEvent
metaKey 返回按键事件触发时是否按下了 "META" 键。
MovementX 返回相对于上一 mousemove 事件的位置的鼠标指针的水平坐标 MouseEvent
MovementY 返回相对于上一 mousemove 事件的位置的鼠标指针的垂直坐标 MouseEvent
newURL 返回更改 hash 后的文档 URL。 HasChangeEvent
newValue 返回更改后的存储项目的新值。 StorageEvent
offsetX 返回鼠标指针相对于目标元素边缘位置的水平坐标。 MouseEvent
offsetY 返回鼠标指针相对于目标元素边缘位置的垂直坐标。 MouseEvent
oldURL 返回更改 hash 前的文档 URL。 HasChangeEvent
oldValue 返回更改后的存储项目的旧值。 StorageEvent
onemptied 当发生不良情况且媒体文件突然不可用时，发生此事件。 　
pageX 返回触发鼠标事件时鼠标指针相对于文档的水平坐标。 MouseEvent
pageY 返回触发鼠标事件时鼠标指针相对于文档的垂直坐标。 MouseEvent
persisted 返回网页是否被浏览器缓存。 PageTransitionEvent
preventDefault() หากสามารถยกเลิกเหตุได้ ก็ยกเลิกเหตุ และไม่ทำการปฏิบัติตามการปฏิบัติเริ่มต้นของเหตุ Event
propertyName กลับค่าชื่อของคุณสมบัติ CSS ที่เกี่ยวข้องกับอนิมาชั่นหรือการเปลี่ยนแปลง
pseudoElement กลับค่าชื่อของโปรโมทองค์ประกอบที่เป็นประโยชน์สำหรับอนิมาชั่นหรือการเปลี่ยนแปลง
region MouseEvent
relatedTarget กลับค่าองค์ประกอบที่เกี่ยวข้องกับองค์ประกอบที่เกิดเหตุมาousel MouseEvent
relatedTarget กลับค่าองค์ประกอบที่เกี่ยวข้องกับองค์ประกอบที่เกิดเหตุ FocusEvent
repeat กลับค่าว่าความเป็นจริงหรือไม่ของการกดปุ่มติดตาม KeyboardEvent
screenX กลับค่าตำแหน่งตัวแบบตัวเลขของหน้าต่าง/ตัวชี้นาฬิกาเมื่อเทียบกับหน้าจอ MouseEvent
screenY กลับค่าตำแหน่งตัวแบบตัวเลขของหน้าต่าง/ตัวชี้นาฬิกาเมื่อเทียบกับหน้าจอ MouseEvent
shiftKey กลับค่าว่าความเป็นจริงหรือไม่ของการกดปุ่ม SHIFT ขณะที่เกิดเหตุ MouseEvent
shiftKey กลับค่าว่าความเป็นจริงหรือไม่ของการกดปุ่ม SHIFT ขณะที่เกิดเหตุ按键
state กลับค่าองค์ประกอบที่มีสำเนาของรายการประวัติ PopStateEvent
stopImme...() หยุดการเรียกใช้ฟังก์ชันฟังก์ชันที่สนับสนุนเหตุ Event
stopPropagation() หยุดเหตุในการเผยแพร่ของเหตุ Event
storageArea กลับค่าองค์ประกอบที่แทนตัวแปลงที่ได้รับผลกระทบ StorageEvent
target กลับค่าองค์ประกอบที่เกิดเหตุ Event
targetTouches กลับค่ารายชื่อของ TouchList ที่มี Touch ของจุดที่ยังคงสัมผัสกับผิวทั้งหมด TouchEvent
timeStamp กลับค่าเวลาที่สร้างเหตุ (ในมิลลิเซกันด์เรlativeto epoch) Event
total กลับค่าปริมาณงานที่จะโหลด ProgressEvent
touches กลับค่ารายชื่อของ touch ทั้งหมดที่สัมผัสกับผิว TouchEvent
type กลับค่าชื่อเหตุ Event
url กลับค่า URL ของเอกสารที่มีโครงการที่เปลี่ยนแปลง StorageEvent
which กลับค่าปุ่มหมุดที่กดได้ขณะที่เกิดเหตุมาousel MouseEvent
which กลับค่า Unicode ของตัวอักษร Unicode ที่กดได้ หรือ Unicode ของตัวอักษรที่กดได้ สำหรับเหตุ onkeypress หรือ onkeydown หรือ onkeyup KeyboardEvent
view กลับค่าโอนอ้างอิง Window ที่เกิดเหตุ UiEvent