Comment faire de l'élément à ne pas perdre le focus lorsque le bouton est pressé?

J'ai un textarea dans lequel je suis à l'insertion du contenu à l'emplacement du curseur (grâce à Tim de Down réponse). Il insère le contenu lorsque l'utilisateur appuie sur un bouton. Mais il semble que lorsque le bouton est enfoncé, l'accent mis sur le textarea est perdu. Comment puis-je garder le focus là, fournissant l'emplacement de l'accent circonflexe est également la même chose? Je pensais le long des lignes de l'aide evt.preventDefault() avec .focusout(). Si ça peut aider.

InformationsquelleAutor Lucas - Better Coding Academy | 2012-08-28
  1. 10

    Vous ne pouvez pas arrêter la mise au point de passer à un focusable élément et permettent encore le clic de la souris pour avoir un comportement normal (comme click le bouton). Si vous cliquez sur un élément qui prend en charge se concentrer comme un bouton, il va obtenir le focus clavier.

    Il est possible de programmation pour mettre le focus sur un élément si c'est fait correctement. Si mal fait, il peut ruiner la facilité d'utilisation d'une page.

    Démo: http://jsfiddle.net/jfriend00/Ddffh/

    • Pouvez-vous me dire comment? Désolé, je ne sais pas.
    • J'ai ajouté un travail de démonstration à la fin de ma réponse.
    • La bonne réponse. Tout de même, j'ai trouvé que unselectable="on" semble également fonctionner, pour les boutons, au moins.
    • Dans la démo où est faire ce que jamais ici, peut-on ajouter quelque chose à la sélection?
    • Vous pouvez arrêter de concentrer le passage à une focusable élément, si vous .preventDefault() dans mousedown: jsfiddle.net/Ddffh/103 . Sur cliquez simplement parce qu'il sera trop tard car après mousedown, l'accent a déjà été perdu. Vous pouvez le vérifier dans votre propre démo en maintenant le bouton de la souris vers le bas pour un peu, avant de lâcher: lors de la première mousedown, l'accent sera perdu; après la libération, l'événement click incendies.
    • Je pense que la question ici est de savoir comment vous permettant de contrôler l'avoir c'est un comportement normal ET l'empêcher de se concentrer (dans le cas spécifique de l'OP mentionne, c'est un bouton qu'ils veulent pressé). Je pense que votre suggestion va bloquer le comportement normal du clic de la souris ce qui n'est pas ce que l'OP veut.
    • il serait bon si vous allez ajouter votre commentaire comme réponse, il vient de m'a beaucoup aidé, mais il semble que pas tout le monde sont la lecture de commentaires.

    InformationsquelleAutor jfriend00
  2. 7

    Assurez-vous de gérer l'événement mousedown.
    Ce sera le feu avant la mise au point d'un autre élément est perdu.

    Dans votre événement mousedown gestionnaire, vous devez retourner false, afin de prévenir la propagation de l'évènement et du comportement par défaut. ( fonctionnera aussi pour les événements tactiles )

    return false; //on your mousedown event

    http://jsfiddle.net/Ddffh/143/

    • Pourquoi pas de upvotes? Elle fonctionne.
    InformationsquelleAutor Thomas Deutsch
  3. 0

    Vous devez la renouveler concentrer lorsque le bouton est pressé.

    Code HTML:

    <input id="messageBox" autofocus />
<input type="button" id="messageSend" onclick="setFocusToMessageBox()" value="Send" />

    Code Javascript:

    <script>
function setFocusToMessageBox(){
    document.getElementById("messageBox").focus();
}
</script>
    InformationsquelleAutor Tmthetom
  4. -1

    Vous pouvez facilement le faire en appliquant le focus à la zone de texte par programmation comme le clic sur un bouton de fonction est terminée. De cette façon, vous pouvez retrouver le focus avec l'événement click à chaque fois.

    InformationsquelleAutor Shiv Kumar Ganesh