Vi uma pergunta de teste escrita para uma entrevista sênior em Renren.com
É necessário código manuscrito e uma das questões é fazer uma exibição de imagem
Semelhante à barra de exibição com pequenas miniaturas na parte inferior das imagens do Baidu
Depois, há a necessidade de rolar a roda do mouse para torná-lo maior e menor.
Eu realmente não sei como fazer isso, então procurei informações online.
Encontrou um evento que pode ser capturado na roda do mouse
Em seguida, determine se deseja avançar ou retroceder com base no valor positivo ou negativo de event.wheelDelta.
Escrevi um pequeno exemplo casualmente e capturei as teclas do teclado. Não é muito bonito e não há quebra de linha.
Por ser feito com textNode, o código HTML não pode ser adicionado.
Falando nisso, esse método pode ser usado para prevenir a injeção de xss?
Copie o código do código da seguinte forma:
<body onkeydown="showKey()" onmousewheel="showKey()">
Copie o código do código da seguinte forma:
função showKey(){
if(event.wheelDelta){
Copie o código do código da seguinte forma:
// Positivo 120 significa rolagem para frente, negativo 120 significa rolagem para trás
var textNode = document.createTextNode(event.wheelDelta+" ");
document.body.appendChild(textNode);
document.body.normalize();
}
if(evento.keyCode)
{
var textNode = document.createTextNode(event.keyCode+" ");
document.body.appendChild(textNode);
document.body.normalize();
}
}
Entre eles, usei apenas um dos elementos textNode no design avançado que acabei de ver hoje.
Métodos para mesclar vários textNodes
Copie o código do código da seguinte forma:
normalizar();