Boîte de saisie dans l'en-tête accordéon de jQuery UI

Question

J'ai un accordéon jQuery UI avec une boîte de saisie dans l'en-tête :

<h3><input type="text" /></h3>

http://jsfiddle.net/7VN8h/

Comme prévu, l'Accordion capte toutes les pressions sur les touches d'espacement et de flèche, qui ont lieu dans l'en-tête - il n'est donc pas possible d'écrire correctement dans la zone de saisie. Existe-t-il un moyen de se débarrasser de ce comportement, et d'utiliser les espaces et les flèches, lorsque l'on tape dans cette zone ?

Answer 1

Vous pouvez arrêter la propagation des événements de touche à partir du contrôle d'entrée

$(function () {
    $("#accordion").accordion();

    $("#accordion h3 input").on('keydown', function (e) {
        e.stopPropagation();
    })
});

Démonstration : Violon

Answer 2

Si vous souhaitez pouvoir saisir des données dans le champ de texte sans déclencher l'élément accordéon, ajoutez ceci :

$('input').click(function (e) {
    e.stopPropagation();
});

Exemple de jsFiddle

Answer 3

Le code ci-dessous a bien fonctionné pour moi :

$('#TSResultContent input[type="textbox"]').keydown(function (e)  {
    e.stopPropagation();
});