输入类型='文字'元素不占空间

时间:2014-05-06 12:02:07

标签: jquery html asp.net

我需要在文本框中添加空格。此文本框是由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'标签元素之外正常工作!!!!

1 个答案:

答案 0 :(得分:3)

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

尝试将其放在代码的末尾:

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