什麼一直在刪除點擊文本輸入值？

我意識到我幾乎複製一個excel表格;在一個插件，預期的行爲是：被點擊一個含有值時，它內被替換的是得到是相同的值，因此可以進行編輯。它的工作原理，但問題是當點擊新創建的文本輸入時，該值被重置或擦除爲''。什麼一直在刪除點擊文本輸入值？

我不知道那是什麼，我試過了事件監聽器，我試過.unbind焦點，點擊，點擊，焦點，因爲它似乎重新點擊文本框會觸發刪除它的東西。我用F12事件偵聽器和步入一切，但我認爲這可能是對自己的東西jQuery也默認，但我想知道，如果anyonw知道是什麼原因造成這種現象。

$("td").click(function(event) 
{ 
    var value = $(this).text(); // gets the text inside section inside the td 
    var column = $(this).get(0).id; //gets id="" of the td that is how I indentify columns 
    var parent = $(this).parent().get(0).id; //gets the id of the row <tr id="x"><td id="> 

    if(column == "a" || column == "b") 
    { 
     return; 
    } 
    else if (column == "d" || column == "c") 
    { 
     $(this).children().replaceWith('<input type=email value=' + value + '>'); 
     $(this).children().focus(); 
    } 
    else 
    { 
     $(this).children().replaceWith('<input type=text value="' + value + '">'); 
     $(this).children().focus();   
    } 

    $(this).children().focusout(function(event){ 
     var new_value = $(this).val(); 
     $(this).parent().addClass("edited"); 
     $(this).replaceWith('<section>' + new_value + '</section>'); 
});

類似的問題已經被問here，但它並沒有解決我的問題，也沒有解決我的問題。他們建議他.append新的html，而不是注入它。因此，也許有使用的問題「.replaceWith（）？」 ...... IDK的，我搜索無處不在。

來源

2014-09-23 Dracovic5

你能提供他的HTML去與JavaScript代碼http://jsfiddle.net/qzbrzm4x/（打開你的控制檯和運行）？或者在jsfiddle.net中加入一個例子 – Silkster 2014-09-23 16:49:51

http://jsfiddle.net/qzbrzm4x/1/在那裏你可以看到行爲，在選擇光標區域時，它也停在空格處，我注意到了，對此也有任何想法？ – Dracovic5 2014-09-23 23:20:02

你有具有價值= {文本}輸入更換電池/ 因此的.text（）現在將返回任何結果。

例子：

html: 
<table> 
<td id="only_text"><p>some text</p></td> 
<td id='input_text'><input type="text" value="some text 2"/></td> 
</table> 

js: 
$(function(){ 
    console.log($('#only_text').text()); 
    console.log($('#input_text').text() +''); 
})

你可以看到在這個小提琴的例子：

來源

2014-09-23 17:52:35 Etai

不錯，不錯....所以每個新點擊進入觸發了點擊，因爲它是（OBV）內。那我該怎麼去解決呢？我是js的新手，所以我習慣於以線性方式編寫代碼並立即運行。因此，我從來沒有想過在沒有完成整個功能的情況下觸發另一個或相同的td（所以不清楚） – Dracovic5 2014-09-23 19:27:58

您可以點擊查看孩子，看看它是否是輸入，如果是，則執行其他操作（即什麼也不做，從函數返回）...解決方案取決於你。當您從輸入中離開焦點時，您可以將輸入更改回文本，這將爲您提供細胞的良好生命週期 - 它只會在編輯時暫時處於輸入狀態 – Etai 2014-09-23 19:45:49

什麼一直在刪除點擊文本輸入值？

回答

相關問題