لقد رأيت سؤال اختبار مكتوبًا لمقابلة أمامية رفيعة المستوى على موقع Renren.com
مطلوب رمز مكتوب بخط اليد، وأحد الأسئلة هو عرض الصورة
يشبه شريط العرض صورًا مصغرة صغيرة أسفل صور بايدو
ثم هناك حاجة إلى تمرير عجلة الماوس لجعلها أكبر وأصغر.
لا أعرف حقًا كيفية القيام بذلك، لذلك بحثت عن المعلومات عبر الإنترنت.
تم العثور على حدث يمكن التقاطه على عجلة الماوس
ثم حدد ما إذا كنت تريد التحرك للأمام أو للخلف استنادًا إلى القيمة الموجبة أو السلبية لـ events.wheelDelta.
لقد كتبت مثالاً صغيرًا بشكل عرضي والتقطت مفاتيح لوحة المفاتيح، وهي ليست جميلة جدًا ولا يوجد فاصل أسطر.
لأنه مصنوع باستخدام textNode، لا يمكن إضافة كود html.
بالحديث عن ذلك، هل يمكن استخدام هذه الطريقة لمنع حقن XSS؟
انسخ رمز الكود كما يلي:
<body onkeydown="showKey()" onmousewheel="showKey()">
انسخ رمز الكود كما يلي:
وظيفة عرض المفتاح () {
إذا(event.wheelDelta){
انسخ رمز الكود كما يلي:
// موجب 120 يعني لفة للأمام، وسالب 120 يعني لفة للخلف
var textNode = document.createTextNode(event.wheelDelta+" ");
document.body.appendChild(textNode);
document.body.normalize();
}
إذا (الحدث.رمز المفتاح)
{
var textNode = document.createTextNode(event.keyCode+" ");
document.body.appendChild(textNode);
document.body.normalize();
}
}
من بينها، استخدمت للتو أحد عناصر textNode في التصميم المتقدم الذي نظرت إليه للتو.
طرق دمج عقد نصية متعددة
انسخ رمز الكود كما يلي:
تطبيع ()؛