Latest web development tutorials

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

属性 描述 DOM
onkeydown 某个键盘按键被按下。 2
onkeypress 某个键盘按键被按下并松开。 2
onkeyup 某个键盘按键被松开。 2

Frame / Obyek (frame / Object) event

属性 描述 DOM
onabort 图像的加载被中断。 ( <object>) 2
onbeforeunload 该事件在即将离开页面（刷新或关闭）时触发 2
onerror 在加载文档或图像时发生错误。 ( <object>, <body>和 <frameset>)
onhashchange 该事件在当前 URL 的锚部分发生修改时触发。
onload 一张页面或一幅图像完成加载。 2
onpageshow 该事件在用户访问页面时触发
onpagehide 该事件在用户离开当前网页跳转到另外一个页面时触发
onresize 窗口或框架被重新调整大小。 2
onscroll 当文档被滚动时发生的事件。 2
onunload 用户退出页面。 ( <body> 和 <frameset>) 2

peristiwa bentuk

属性 描述 DOM
onblur 元素失去焦点时触发 2
onchange 该事件在表单元素的内容改变时触发( <input>, <keygen>, <select>, 和 <textarea>) 2
onfocus 元素获取焦点时触发 2
onfocusin 元素即将获取焦点时触发 2
onfocusout 元素即将失去焦点时触发 2
oninput 元素获取用户输入时触发 3
onreset 表单重置时触发 2
onsearch 用户向搜索域输入文本时触发 ( <input="search">)  
onselect 用户选取文本时触发 ( <input> 和 <textarea>) 2
onsubmit 表单提交时触发 2

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

peristiwa deskripsi DOM
animationend Acara ini dipicu ketika animasi selesai bermain CSS
animationiteration Acara ini dipicu ketika animasi CSS mengulang
animationstart Acara ini dipicu ketika animasi mulai diputar CSS

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