Saya melihat pertanyaan tes tertulis untuk wawancara front-end senior di Renren.com
Kode tulisan tangan diperlukan, dan salah satu pertanyaannya adalah membuat tampilan gambar
Mirip dengan bilah tampilan dengan thumbnail kecil di bagian bawah gambar Baidu
Lalu ada syaratnya harus ada scroll roda mouse agar lebih besar dan kecil.
Saya benar-benar tidak tahu bagaimana melakukan ini, jadi saya mencari informasi secara online.
Menemukan peristiwa yang dapat ditangkap di roda mouse
Kemudian tentukan apakah akan melakukan roll maju atau mundur berdasarkan nilai positif atau negatif dari event.wheelDelta.
Saya menulis contoh kecil dengan santai dan menangkap tombol keyboard. Itu tidak terlalu indah dan tidak ada jeda baris.
Karena dibuat dengan textNode, maka kode htmlnya tidak bisa ditambahkan.
Ngomong-ngomong, apakah cara ini bisa digunakan untuk mencegah injeksi xss?
Copy kode kodenya sebagai berikut:
<tubuh onkeydown="showKey()" onmousewheel="showKey()">
Copy kode kodenya sebagai berikut:
fungsi showKey(){
if(acara.wheelDelta){
Copy kode kodenya sebagai berikut:
// Positif 120 berarti berguling ke depan, negatif 120 berarti berguling ke belakang
var textNode = document.createTextNode(event.wheelDelta+" ");
dokumen.body.appendChild(textNode);
dokumen.tubuh.normalisasi();
}
if(acara.Kode Kunci)
{
var textNode = document.createTextNode(event.keyCode+" ");
dokumen.body.appendChild(textNode);
dokumen.tubuh.normalisasi();
}
}
Diantaranya, saya baru saja menggunakan salah satu elemen textNode dalam desain lanjutan yang baru saja saya lihat hari ini.
Metode untuk menggabungkan beberapa textNodes
Copy kode kodenya sebagai berikut:
normalisasi();