jQuery UI Accordion Header 中的输入框答案

【问题标题】：Input box in jQuery UI Accordion HeaderjQuery UI Accordion Header 中的输入框
【发布时间】：2013-09-12 16:22:16
【问题描述】：

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

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

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

【问题讨论】：

【解决方案1】：

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

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

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

演示：Fiddle

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

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

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

【讨论】：