Tutorial HTML DOM event objek Terbaik Pada tahun 2024, Dalam tutorial ini Anda dapat mempelajari
Acara HTML DOM,Acara HTML DOM,peristiwa mouse,peristiwa keyboard,Frame / Obyek (frame / Object) event,peristiwa bentuk,peristiwa clipboard,cetak Event,Drag acara,Multimedia (Media) Acara,peristiwa animasi,acara transisi,acara lainnya,benda acara,Target acara objek,Objek Acara Pendengar,Document Object Kegiatan,Mouse / keyboard event object,
HTML DOM event objek
Acara HTML DOM
Acara HTML DOM memungkinkan Javascript daftar event handler yang berbeda dalam sebuah elemen dokumen HTML.
Peristiwa sering digunakan dalam hubungannya dengan fungsi, fungsi tidak akan dieksekusi sebelum peristiwa itu terjadi! (Seperti pengguna mengklik tombol).
Tip: model acara standar di W3C Level 2 acara DOM.
Acara HTML DOM
DOM: atribut DOM menunjukkan tingkat penggunaan.
peristiwa mouse
milik | deskripsi | DOM |
---|
onclick | Acara dipanggil ketika pengguna mengklik sebuah pegangan objek. | 2 |
oncontextmenu | Dipicu ketika pengguna mengklik tombol mouse kanan untuk membuka menu konteks | |
ondblclick | Acara yang disebut ketika pengguna double-klik suatu pegangan objek. | 2 |
onmousedown | tombol mouse ditekan. | 2 |
onmouseenter | Kebakaran saat pointer mouse bergerak ke elemen. | 2 |
onmouseleave | Ketika pointer mouse bergerak keluar dari elemen pemicu | 2 |
onmousemove | mouse dipindahkan. | 2 |
onmouseover | Mouse elemen. | 2 |
onmouseout | Tikus jauh dari unsur. | 2 |
onmouseup | Tombol mouse dilepaskan. | 2 |
peristiwa keyboard
Frame / Obyek (frame / Object) event
peristiwa bentuk
peristiwa clipboard
milik | deskripsi | DOM |
---|
oncopy | acara ini dipicu ketika pengguna salinan isi elemen | |
oncut | acara ini dipicu ketika pengguna konten elemen geser | |
onpaste | acara ini dipicu ketika pengguna paste konten elemen | |
cetak Event
milik | deskripsi | DOM |
---|
onafterprint | Acara memicu sudah mulai mencetak halaman, atau mencetak jendela sudah ditutup | |
onbeforeprint | acara ini dipicu ketika halaman sekitar untuk mulai mencetak | |
Drag acara
peristiwa | deskripsi | DOM |
---|
ondrag | acara ini dipicu ketika elemen sedang diseret | |
ondragend | Acara ini dipicu ketika pengguna menyeret elemen untuk menyelesaikan | |
ondragenter | Acara ini dipicu ketika diseret elemen ke target penurunan | |
ondragleave | Acara ini dipicu ketika elemen tarik untuk meninggalkan target penurunan | |
ondragover | acara ini dipicu ketika target ditempatkan pada elemen hambatan | |
ondragstart | Acara ini dipicu ketika pengguna mulai menyeret elemen | |
ondrop | Acara ini dipicu ketika elemen tarik ditempatkan di daerah sasaran | |
Multimedia (Media) Acara
peristiwa | deskripsi | DOM |
---|
onabort | Acara video / audio (audio / video) untuk mengakhiri memicu ketika loading. | |
oncanplay | Ketika acara ini dipicu di pengguna dapat mulai bermain video / audio (audio / video). | |
oncanplaythrough | Acara memicu dapat bermain di yang normal video / audio (audio / video) dan tanpa jeda dan penyangga. | |
ondurationchange | Acara video / audio (audio / video) perubahan Durasi pemicu. | |
onemptied | daftar pemicu kosong, pemain saat ini | |
onended | Pada akhir bermain di acara memicu video / audio (audio / video). | |
OnError | Acara dipicu ketika kesalahan terjadi selama video / audio (audio / video) Data dimuat. | |
onloadeddata | Acara di browser untuk memuat video / audio (audio / video) Pemicu frame. | |
onloadedmetadata | metadata acara ditentukan video / audio (audio / video) memicu setelah pemuatan. | |
onloadstart | Acara di browser untuk mulai mencari ditentukan video / audio (audio / video) memicu. | |
onpause | acara memicu dalam video / audio (audio / video) Pause. | |
onplay | Acara dipicu untuk mulai memutar video / audio (audio / video). | |
onplaying | Video acara / audio (audio / video) Jeda atau setelah penyangga dipicu ketika siap untuk mulai bermain lagi. | |
onprogress | Acara Pemicu (audio / video) yang ditentukan dalam browser untuk men-download video / audio. | |
onratechange | Memicu perubahan acara saat mengirim video / audio (audio / video) kecepatan pemutaran. | |
onseeked | Dalam hal pengguna untuk reposisi video / audio (audio / video) posisi pemutaran dipicu. | |
onseeking | Kebakaran ketika pengguna mulai reposisi acara video / audio (audio / video). | |
onstalled | Dapatkan Data Media acara di browser, tetapi data media tidak tersedia bila dipicu. | |
onsuspend | Acara memicu suspensi data media di browser untuk membaca. | |
ontimeupdate | Acara dipicu ketika posisi pemutaran saat ini untuk mengirim perubahan. | |
onvolumechange | Acara dipicu ketika perubahan volume. | |
onwaiting | Sejak acara ini dipicu ketika video Anda ingin bermain frame buffer berikutnya diperlukan. | |
peristiwa animasi
acara transisi
peristiwa | deskripsi | DOM |
---|
transitionend | acara ini dipicu setelah CSS untuk menyelesaikan transisi. | |
acara lainnya
peristiwa | deskripsi | DOM |
---|
onmessage | Ketika acara ini dipicu oleh atau dari suatu objek (WebSocket, Web Worker, Sumber peristiwa atau sub-frame atau jendela induk) menerima pesan | |
onmousewheel | Usang. Gunakan onwheel acara pengganti | |
ononline | Acara ini dipicu ketika browser untuk bekerja secara online. | |
onoffline | Acara ini dipicu kapan browser akan mulai bekerja secara offline. | |
onpopstate | Acara ini dipicu ketika riwayat browsing (sejarah benda-benda) dari perubahan jendela. | |
OnShow | Acara ketika <menu> elemen ditampilkan dalam memicu menu konteks | |
onstorage | Acara ini dipicu ketika Web Storage (HTML 5 Web store) pembaruan | |
ontoggle | Acara ini dipicu ketika pengguna membuka atau menutup <rincian> elemen | |
onwheel | Acara ini dipicu ketika roda mouse untuk menggulir ke atas dan ke bawah dalam elemen | |
benda acara
konstan
静态变量 |
描述 |
DOM |
CAPTURING-PHASE |
当前事件阶段为捕获阶段(3) |
1 |
AT-TARGET |
当前事件是目标阶段,在评估目标事件(1) |
2 |
BUBBLING-PHASE |
当前的事件为冒泡阶段 (2) |
3 |
milik
milik | deskripsi | DOM |
---|
gelembung | Mengembalikan nilai Boolean yang menunjukkan apakah acara tersebut adalah jenis acara menggelegak. | 2 |
dibatalkan | Mengembalikan nilai Boolean yang menunjukkan apakah acara tersebut dapat membatalkan aksi default pro. | 2 |
currentTarget | Pengembalian pendengar acara yang dipicu elemen acara. | 2 |
eventPhase | Mengembalikan tahap saat acara spread. | 2 |
target | Mengembalikan elemen yang memicu peristiwa ini (acara sasaran node). | 2 |
timestamp | Mengembalikan tanggal dan waktu acara dihasilkan. | 2 |
jenis | Mengembalikan nama acara saat objek acara mewakili. | 2 |
cara
方法 |
描述 |
DOM |
initEvent() |
初始化新创建的 Event 对象的属性。 |
2 |
preventDefault() |
通知浏览器不要执行与事件关联的默认动作。 |
2 |
stopPropagation() |
不再派发事件。 |
2 |
Target acara objek
cara
方法 |
描述 |
DOM |
addEventListener() |
允许在目标事件中注册监听事件(IE8
= attachEvent()) |
2 |
dispatchEvent() |
允许发送事件到监听器上 (IE8 =
fireEvent()) |
2 |
removeEventListener() |
运行一次注册在事件目标上的监听事件(IE8 =
detachEvent()) |
2 |
Objek Acara Pendengar
cara
方法 |
描述 |
DOM |
handleEvent() |
把任意对象注册为事件处理程序 |
2 |
Document Object Kegiatan
cara
方法 |
描述 |
DOM |
createEvent() |
|
2 |
Mouse / keyboard event object
milik
属性 |
描述 |
DOM |
altKey |
返回当事件被触发时,"ALT" 是否被按下。 |
2 |
button |
返回当事件被触发时,哪个鼠标按钮被点击。 |
2 |
clientX |
返回当事件被触发时,鼠标指针的水平坐标。 |
2 |
clientY |
返回当事件被触发时,鼠标指针的垂直坐标。 |
2 |
ctrlKey |
返回当事件被触发时,"CTRL" 键是否被按下。 |
2 |
Location |
返回按键在设备上的位置 |
3 |
charCode | 返回onkeypress事件触发键值的字母代码。 | 2 |
key | 在按下按键时返回按键的标识符。 | 3 |
keyCode | 返回onkeypress事件触发的键的值的字符代码,或者 onkeydown 或 onkeyup 事件的键的代码。 | 2 |
which | 返回onkeypress事件触发的键的值的字符代码,或者 onkeydown 或 onkeyup 事件的键的代码。 | 2 |
metaKey |
返回当事件被触发时,"meta" 键是否被按下。 |
2 |
relatedTarget |
返回与事件的目标节点相关的节点。 |
2 |
screenX |
返回当某个事件被触发时,鼠标指针的水平坐标。 |
2 |
screenY |
返回当某个事件被触发时,鼠标指针的垂直坐标。 |
2 |
shiftKey |
返回当事件被触发时,"SHIFT" 键是否被按下。 |
2 |
cara
方法 |
描述 |
W3C |
initMouseEvent() |
初始化鼠标事件对象的值 |
2 |
initKeyboardEvent() |
初始化键盘事件对象的值 |
3 |