Rumah > Artikel > hujung hadapan web > Apakah objek acara javascript
Dalam JavaScript, objek peristiwa (peristiwa) ialah objek yang digunakan untuk merekodkan beberapa maklumat yang berkaitan apabila peristiwa berlaku; objek peristiwa hanya dijana apabila peristiwa berlaku dan hanya boleh diakses dalam fungsi pemprosesan acara . Selepas semua fungsi pengendalian acara selesai dijalankan, objek acara dimusnahkan.
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi JavaScript 1.8.5, komputer Dell G3.
Objek peristiwa ialah objek yang digunakan untuk merekodkan maklumat yang berkaitan apabila beberapa peristiwa berlaku.
Objek acara hanya akan dijana apabila peristiwa berlaku, dan hanya boleh diakses dalam fungsi pemprosesan acara Selepas semua fungsi pemprosesan acara selesai dijalankan, objek acara akan dimusnahkan!
Nota: Sebenarnya, acara itu sentiasa wujud (tidak kira sama ada ia terikat atau dipantau), ia hanya tiada pengendali acara! ! !
Acara JavaScript ialah: detik interaksi tertentu yang berlaku dalam tetingkap penyemak imbas atau dokumen dan interaksi antara JavaScript dan HTML dicetuskan oleh peristiwa.
Pengendali acara:
Pengendali acara: Tindakan klik pengguna kami pada halaman, tindakan pergerakan tetikus, tindakan penyelesaian memuatkan halaman web, dll., semuanya boleh dipanggil acara,
iaitu klik, gerak tetikus, muatkan, dsb. adalah semua nama acara. Fungsi yang bertindak balas kepada acara dipanggil pengendali acara, atau pendengar acara.
Dalam JavaScript, acara dibahagikan kepada tiga kategori utama, iaitu acara umum, acara borang dan acara halaman.
Acara UI: seperti memuatkan, memunggah, ralat, mengubah saiz, tatal, pilih, DOMActive, dicetuskan apabila pengguna berinteraksi dengan elemen pada halaman.
Acara fokus: seperti kabur, DOMFocusIn, DOMFocusOut, fokus, fokus, fokus, dicetuskan apabila elemen mendapat atau kehilangan fokus Antara peristiwa ini, yang paling penting ialah kabur dan fokus. Satu perkara yang perlu diberi perhatian ialah acara jenis ini tidak akan timbul!
Peristiwa tetikus dan roda: seperti klik, dblclick, mousedown, mouseenter, mouseleave, mousemove, mouseout, mouseover, mouseup, dicetuskan apabila pengguna melakukan operasi pada halaman melalui tetikus .
Acara penggelek: roda tetikus (semua disokong oleh IE6), DOMMouseScroll (disokong oleh FF, kesan yang sama seperti roda tetikus). Dicetuskan apabila menggunakan roda tetikus.
Acara teks: textInput, dicetuskan apabila teks dimasukkan dalam dokumen.
Acara papan kekunci: kekunci kekunci, kekunci kekunci, dicetuskan apabila pengguna melakukan operasi pada halaman melalui papan kekunci.
Acara sintetik: Baru ditambahkan pada tahap DOM 3, digunakan untuk memproses jujukan input IME. Apa yang dipanggil IME merujuk kepada editor kaedah input, yang membolehkan pengguna memasukkan aksara yang tidak boleh ditemui pada papan kekunci fizikal. Terdapat tiga acara: permulaan komposisi, kemas kini komposisi dan penamat komposisi.
Peristiwa perubahan: DOMsubtreeModified, DOMNodeInserted, DOMNodeRemoved, DOMAttrModified, DOMCharacterDataModified, dsb., dicetuskan apabila struktur DOM asas berubah. IE8 - Tidak disokong.
Peristiwa tukar nama: Peristiwa ini dicetuskan apabila nama elemen atau atribut bertukar pada masa ini.
Untuk jenis acara asas, dengan kemunculan dan pembangunan HTML5, pelbagai acara seperti acara HTML5, acara peranti (sentuhan tunggal), acara sentuhan, acara sentuhan, acara gerak isyarat, dll. telah ditambahkan
Acara sumber
事件名称 | 何时触发 |
---|---|
error | 资源加载失败时。 |
abort | 正在加载资源已经被中止时。 |
load | 资源及其相关资源已完成加载。 |
beforeunload | window,document 及其资源即将被卸载。 |
unload | 文档或一个依赖资源正在被卸载。 |
Acara rangkaian
事件名称 | 何时触发 |
---|---|
online | 浏览器已获得网络访问。 |
offline | 浏览器已失去网络访问。 |
Acara WebSocket
事件名称 | 何时触发 |
---|---|
open | WebSocket 连接已建立。 |
message | 通过 WebSocket 接收到一条消息。 |
error | WebSocket 连接异常被关闭(比如有些数据无法发送)。 |
close | WebSocket 连接已关闭。 |
Acara animasi CSS
事件名称 | 何时触发 |
---|---|
animationstart | 某个 CSS 动画开始时触发。 |
animationend | 某个 CSS 动画完成时触发。 |
animationiteration | 某个 CSS 动画完成后重新开始时触发。 |
Acara peralihan CSS
Nama acara | Bila hendak dicetuskan | ||||||||
---|---|---|---|---|---|---|---|---|---|
peralihan bermula |
|
||||||||
transitionrun | Dicetuskan apabila mendengar acara peralihan. | ||||||||
tamat peralihan | Dicetuskan apabila acara peralihan mendengar tamat.
|
Acara cetak
事件名称 | 何时触发 |
---|---|
cut | 已经剪贴选中的文本内容并且复制到了剪贴板。 |
copy | 已经把选中的文本内容复制到了剪贴板。 |
paste | 从剪贴板复制的文本内容被粘贴。 |
Atas ialah kandungan terperinci Apakah objek acara javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!