jquery - 输入类型='text'元素不占用空格

Question

我需要允许在文本框中添加空格。该文本框是由 jquery 动态添加的，用于重命名。但问题是它不允许输入空格。请提出建议。

    <li><a id='tab" + RenameCounter + "' class='Clickable' href='#{href}' onclick='JavaScript:ShowMiniDialog(this);'>#{label}</a><input type= 'text' id='Rename" + RenameCounter + "' style='display:none;'/></li>

这部分是动态累加的。双击时，我将显示文本框以重命名 jquery 选项卡。但我不知道为什么它不允许输入空白。 !!!

     var tabheader = $('#tabs').find("li");
            tabheader.dblclick('tabsselect', function (event) {
                var selectedTab = $("#tabs").tabs('option', 'active');

                var rid = "input[id=Rename1]";

                $("#tabs ul li a").eq(selectedTab).hide();
                $(rid).val($("#tabs ul li a").eq(selectedTab).text());
                $(rid).css('display', '');
                $(rid).focus();
                $(rid).bind('blur', function () {
                    var newtext = $(rid).val();

                    var selectedTab = $("#tabs").tabs('option', 'active');                       
                    $("#tabs ul li a").eq(selectedTab).text(newtext);
                    $("#spantablistitem1").text(newtext);
                    $(rid).css('display', 'none');
                    $("#tabs ul li a").eq(selectedTab).show();

                });
            });

我注意到的一件事是，当文本框位于“li”标签元素内时，它的行为不符合预期。请建议一些解决方法。因为当它位于“li”标签元素之外时它可以正常工作!!!!

Answer 1

我遇到了同样的问题...无法在输入字段中使用空格键...

尝试将其放在代码末尾:

$('Rename1').on('keydown', function (e) {
          e.stopPropagation();
    });