J'ai vu une question de test écrite pour un entretien frontal avec un senior sur Renren.com
Un code manuscrit est requis et l'une des questions est de créer une image.
Semblable à la barre d'affichage avec de petites vignettes en bas des images Baidu
Ensuite, il est nécessaire de faire défiler la molette de la souris pour la rendre plus grande et plus petite.
Je ne sais vraiment pas comment faire, alors j'ai cherché des informations en ligne.
Trouvé un événement qui peut être capturé avec la molette de la souris
Déterminez ensuite s’il faut avancer ou reculer en fonction de la valeur positive ou négative de event.wheelDelta.
J'ai écrit un petit exemple avec désinvolture et capturé les touches du clavier. Ce n'est pas très beau et il n'y a pas de saut de ligne.
Parce qu'il est réalisé avec textNode, le code html ne peut pas être ajouté.
En parlant de ça, cette méthode peut-elle être utilisée pour empêcher l’injection de XSS ?
Copiez le code comme suit :
<body onkeydown="showKey()" onmousewheel="showKey()">
Copiez le code comme suit :
fonction showKey(){
si(événement.wheelDelta){
Copiez le code comme suit :
// Positif 120 signifie roulement vers l'avant, négatif 120 signifie roulement vers l'arrière
var textNode = document.createTextNode(event.wheelDelta+" ");
document.body.appendChild(textNode);
document.body.normalize();
}
si (événement.keyCode)
{
var textNode = document.createTextNode(event.keyCode+" ");
document.body.appendChild(textNode);
document.body.normalize();
}
}
Parmi eux, je viens d'utiliser l'un des éléments textNode dans la conception avancée que je viens de regarder aujourd'hui.
Méthodes pour fusionner plusieurs textNodes
Copiez le code comme suit :
normaliser();