javascript - jQuery UI Accordion Header 中的输入框

Question

我在标题上有带有输入框的 jQuery UI 手风琴：

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

http://jsfiddle.net/7VN8h/

正如预期的那样，Accordion 捕获了在标题中发生的所有空格键和箭头键 - 因此无法正确写入输入框。在那里打字时，有什么办法可以摆脱这种行为并使用空格和箭头？

Answer 1

您可以停止从输入控件传播关键事件

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

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

演示：小提琴

Answer 2

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

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

jsFiddle 示例

Answer 3

下面的代码对我来说效果很好：

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