Vi una pregunta de prueba escrita para una entrevista frontal para personas mayores en Renren.com
Se requiere código escrito a mano y una de las preguntas es hacer una visualización de imágenes.
Similar a la barra de visualización con pequeñas miniaturas en la parte inferior de las imágenes de Baidu.
Luego, es necesario que la rueda del mouse se desplace para hacerlo más grande y más pequeño.
Realmente no sé cómo hacer esto, así que busqué información en línea.
Encontré un evento que se puede capturar en la rueda del mouse.
Luego determine si avanzar o retroceder según el valor positivo o negativo de event.wheelDelta.
Escribí un pequeño ejemplo de manera casual y capturé las teclas del teclado. No es muy hermoso y no hay saltos de línea.
Debido a que está hecho con textNode, no se puede agregar el código html.
Hablando de eso, ¿se puede utilizar este método para prevenir la inyección xss?
Copie el código de código de la siguiente manera:
<cuerpo onkeydown="showKey()" onmousewheel="showKey()">
Copie el código de código de la siguiente manera:
función mostrarClave(){
si(evento.wheelDelta){
Copie el código de código de la siguiente manera:
// 120 positivo significa giro hacia adelante, 120 negativo significa giro hacia atrás
var textNode = document.createTextNode(event.wheelDelta+" ");
documento.body.appendChild(textNode);
documento.body.normalize();
}
si (evento.código clave)
{
var textNode = document.createTextNode(event.keyCode+" ");
documento.body.appendChild(textNode);
documento.body.normalize();
}
}
Entre ellos, acabo de usar uno de los elementos textNode en el diseño avanzado que acabo de ver hoy.
Métodos para fusionar múltiples textNodes
Copie el código de código de la siguiente manera:
normalizar();