我需要在文本框中添加空格。此文本框是由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'标签元素之外正常工作!!!!
答案 0 :(得分:3)
我遇到了同样的问题......在我的输入栏中无法使用空格键...
尝试将其放在代码的末尾:
$('Rename1').on('keydown', function (e) {
e.stopPropagation();
});