Avait une idée et essaie maintenant de le réaliser. Idée: Avoir une page HTML avec plusieurs entrées avec CSS pour lui donner l'apparence du papier ligné. À la fin de chaque ligne, déplacez le focus d'une entrée à la suivante pour que l'utilisateur puisse continuer à entrer sur une page imitant le papier ligné. Problème: Vous n'avez aucun moyen de détecter ou de capturer un événement lorsque l'entrée atteint la fin de la ligne, donc pas moyen de déplacer le focus d'un champ à l'autre.Manipulation du focus d'entrée JQuery
J'ai essayé d'utiliser l'attribut maxlength sur les entrées, mais cela ne fonctionne pas parce que bien sûr quelques lettres sont plus larges que les autres de sorte que les lignes jamais vraiment « rempli »
Solution possible: entrées de changement à divs avec un span interne enveloppant le texte, calculer la largeur de l'envergure sur l'événement keyup et le faire correspondre à la largeur globale de la div, si plus grand que le travail pour couper le texte et déplacer le texte & focus à la division suivante.
Problème avec cela est son désordre, et pourrait causer de mauvaises performances sur la page en fonction de la quantité de lignes que je décide d'utiliser. Question: Y a-t-il un événement que je peux saisir à l'entrée lorsque la fin de la zone visible a été atteinte pour pouvoir déclencher ma fonction? OU peut-être que quelqu'un pourrait avoir une meilleure idée de la façon de mettre en œuvre cela ?? Ou est-ce que j'essaye de recréer la roue et quelque chose pour ceci a déjà été écrit (je ne pourrais pas trouver n'importe quoi sur Google) ??
Avez-vous essayé de placer juste une image de fond sur un ''