輸入類型='文字'元素不佔用空格

我需要允許在文本框中添加空格。這個文本框是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'標籤元素之外時正常工作！

來源

2014-05-06 Chethan

請分享所有相關的JavaScript 。 –

我已經分享了javascript @ DanielA.White – Chethan

你可以在jsfiddle中重現它，並且firebug可以說什麼嗎？ – nicolallias

我有同樣的問題...不能使用空格鍵在我的輸入字段...

嘗試把，在你的代碼的末尾：

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

來源

2014-05-06 12:27:03 Zagloo

我在哪裏需要添加這個功能，這是打破標籤樣式。 – Chethan

請提及詳情 – Chethan

@Chethan我編輯我的帖子 – Zagloo

輸入類型='文字'元素不佔用空格

回答

相關問題