masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > javascript简单事件处理和with用法介绍_javascript技巧

javascript简单事件处理和with用法介绍_javascript技巧

WBOY
Lepaskan： 2016-05-16 17:22:38
asal
839 orang telah melayarinya

这一期介绍一些简单的事件处理：
1.鼠标点击

复制代码 代码如下:




New Document









点击我吧




this即div的上下文，点击后会弹出
之间的内容。
2.鼠标移动
复制代码 代码如下:




New Document









移动到这儿




onmouseover鼠标放到那儿时，会把字体变大，字体成为红色，离开时字体和颜色恢复。
3.with用法
复制代码 代码如下:




New Document











效果与如下相同
复制代码 代码如下:




New Document










Label berkaitan：
pengendalian acara
sumber：php.cn
Artikel sebelumnya：jquery mobile事件多次绑定示例代码_jquery Artikel seterusnya：JQuery实现点击div以外的位置隐藏该div窗口_jquery
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Isu terkini
Bolehkah kumpulan pekerja yang diisytiharkan dalam berbilang laluan masih mengekalkan penggunaan cpunya tanpa mengambil berat tentang ambang Saya berharap untuk mencari sistem node.js dengan kumpulan pekerja untuk mengendalikan tug...
daripada 2024-04-06 19:54:23
0
1
444
Dalam paparan mudah alih, bagaimana saya boleh menutup bar navigasi ini apabila pengguna mengklik pada pautan? Apabila pengguna mengklik pautan untuk menyemak imbas tapak web, bar navigasi tidak ditutu...
daripada 2024-04-06 19:23:03
0
1
411
Apakah amalan terbaik untuk memaparkan maklumat versi dalam aplikasi web? Saya sedang membangunkan aplikasi web. Apakah amalan terbaik untuk memaparkan maklumat ver...
daripada 2024-04-06 19:13:16
0
2
476
Bandingkan Imagick, Adobe Photoshop dan Windows - Kesan resolusi (piksel per sentimeter atau piksel per inci) Ini bukan soalan tetapi percubaan untuk meningkatkan pemahaman saya tentang cara DPI disim...
daripada 2024-04-06 16:01:27
0
1
397
Acara tuding JavaScript pada elemen pseudo khusus vendor 我有以下htmlinput标签。$("input[type='range']::-webkit-slider-thumb").on('hover',functi...
daripada 2024-04-06 15:35:24
0
1
274
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan