Rumah  >  Artikel  >  hujung hadapan web  >  Apakah objek acara javascript

Apakah objek acara javascript

青灯夜游
青灯夜游asal
2021-11-24 16:34:052679semak imbas

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.

Apakah objek acara javascript

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi JavaScript 1.8.5, komputer Dell G3.

Apakah objek peristiwa (event):

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.

Jenis 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 lain adalah seperti berikut

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
事件名称 何时触发
transitionstart

监听过渡事件开始时触发。

transitionrun

监听过渡事件进行时触发。

transitionend

监听过渡事件结束时触发。

Dicetuskan apabila mendengar acara peralihan bermula.

transitionrun Dicetuskan apabila mendengar acara peralihan.
tamat peralihan Dicetuskan apabila acara peralihan mendengar tamat.
事件名称 何时触发
beforeprint 打印机已经就绪时触发。
afterprint 打印机关闭时触发。

Acara cetak

事件名称 何时触发
cut 已经剪贴选中的文本内容并且复制到了剪贴板。
copy 已经把选中的文本内容复制到了剪贴板。
paste 从剪贴板复制的文本内容被粘贴。

Acara papan klip

[Cadangan berkaitan: tutorial pembelajaran javascript]

Atas ialah kandungan terperinci Apakah objek acara javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn