Javascript jqueryui中的输入框Accordion头

Javascript jqueryui中的输入框Accordion头,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,我的jQuery UI与标题上的输入框一致: <h3><input type="text" /></h3> 正如所料,手风琴捕捉到了所有空格键和箭头键,这些都发生在标题中——所以不可能正确地写入输入框。有没有办法摆脱这种行为,并在输入时使用空格和箭头?您可以停止输入控件中键事件的传播 $(function () { $("#accordion").accordion(); $("#accordion h3 input").on('ke

我的jQuery UI与标题上的输入框一致:

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


正如所料,手风琴捕捉到了所有空格键和箭头键,这些都发生在标题中——所以不可能正确地写入输入框。有没有办法摆脱这种行为,并在输入时使用空格和箭头?

您可以停止输入控件中键事件的传播

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

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

演示:

如果您希望能够在不触发手风琴元素的情况下将输入输入到文本字段中,请添加以下内容:

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

下面的代码对我来说运行良好:

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

我不明白你的问题。我可以很好地在文本字段中输入内容。选中此问题和答案是的,我可以在文本框中输入一些文本,但无法输入空格;以及使用箭头键在文本中导航。阿伦的回答解决了这个问题。