ฉันเห็นคำถามทดสอบข้อเขียนสำหรับการสัมภาษณ์อาวุโสที่ Renren.com
ต้องใช้รหัสที่เขียนด้วยลายมือ และหนึ่งในคำถามคือการแสดงรูปภาพ
คล้ายกับแถบแสดงผลที่มีรูปขนาดย่อเล็ก ๆ ที่ด้านล่างของรูปภาพ Baidu
จากนั้นจึงจำเป็นต้องมีล้อเลื่อนของเมาส์เพื่อให้ใหญ่ขึ้นและเล็กลง
ฉันไม่รู้จริงๆว่าต้องทำอย่างไร ดังนั้นฉันจึงค้นหาข้อมูลทางออนไลน์
พบเหตุการณ์ที่สามารถจับภาพล้อเมาส์ได้
จากนั้นพิจารณาว่าจะหมุนไปข้างหน้าหรือข้างหลังโดยพิจารณาจากค่าบวกหรือลบของ event.wheelDelta
ผมเขียนตัวอย่างเล็กๆ น้อยๆ แบบสบายๆ และจับแป้นคีย์บอร์ดไว้ มันไม่สวยงามมากและไม่มีการแบ่งบรรทัด
เนื่องจากสร้างด้วย textNode จึงไม่สามารถเพิ่มโค้ด html ได้
ถามว่าวิธีนี้ใช้ป้องกันการฉีด xss ได้ไหม?
คัดลอกรหัสรหัสดังต่อไปนี้:
<body onkeydown="showKey()" onmousewheel="showKey()">
คัดลอกรหัสรหัสดังต่อไปนี้:
ฟังก์ชัน showKey(){
ถ้า (event.wheelDelta){
คัดลอกรหัสรหัสดังต่อไปนี้:
// บวก 120 หมายถึง กลิ้งไปข้างหน้า ลบ 120 หมายถึง กลิ้งถอยหลัง
var textNode = document.createTextNode(event.wheelDelta+" ");
document.body.appendChild(textNode);
document.body.normalize();
-
ถ้า(event.keyCode)
-
var textNode = document.createTextNode(event.keyCode+" ");
document.body.appendChild(textNode);
document.body.normalize();
-
-
ในหมู่พวกเขา ฉันเพิ่งใช้องค์ประกอบ textNode ในการออกแบบขั้นสูงที่ฉันเพิ่งดูวันนี้
วิธีการผสานหลาย textNodes
คัดลอกรหัสรหัสดังต่อไปนี้:
ทำให้เป็นมาตรฐาน ();