jqueryの外でクリックすると入力を保存する方法

Question

私はレコードのテーブルを持っています。ユーザーがそれぞれ<td>をダブルクリックすると<input type="text">に変換され、その外側をクリックした後で保存する必要があります。 しかし、問題は特定の<td>の内部をクリックしたときです。でinput値を更新するAJAXコールせずにあなたの条件の小さな作業のデモでhttps://jsfiddle.net/gss6ezko/

Answer 1

ここ：どのように

window.onclick = function(event) { 
    if (event.target != $('#tmp_ed')){ 
     //Your saving stuff 
    } 
} 

のようなものについてJSFiddle

//double click ->then convert to input 
 
$(document).on('dblclick', 'tbody tr td', function() { 
 
    var tmp = $(this).text(); 
 
    var name = $(this).attr("data-name"); 
 
    $(this).html('<input type="text" id="tmp_ed" value="' + tmp + '"/>'); 
 
    $(document).on('click', function() { 
 
    if ($(this).attr('id') !== "tmp_ed") { 
 
     var item = $('#tmp_ed').val(); 
 
     var tr = $('#tmp_ed').parent().parent(); 
 
     var id = tr.find('i').attr('id'); 
 
     var update = { 
 
     id: id, 
 
     request: "update", 
 
     val: item, 
 
     column: name 
 
     }; 
 
     $.ajax({ 
 
     url: "update.php", 
 
     method: "POST", 
 
     data: update, 
 
     success: function(e) { 
 
      alert(e); 
 
     } 
 
     }); 
 
     $(this).parent().html(item); 
 
     $(this).remove(); 
 
    } 
 

 

 
    }); 
 
});

Answer 2

あなたのデータベース：

0入力