在ENTER表格上添加contenteditable點擊調用jQuery focusout

Question

我有一個HTML表格，其contenteditable設置爲true。

現在，當我想保存所做的更改時，我可以單擊其他位置（focusout）並保存更改。

我想要「輸入」點擊做與聚焦相同的功能。

我嘗試這樣做，但迄今爲止沒有奏效：

$(document).ready(function(){ 
    $('td.editable-col').on('focusout', function() { 
    data = {}; 
    data['val'] = $(this).text(); 
    data['id'] = $(this).parent('tr').attr('data-row-id'); 
    data['index'] = $(this).attr('col-index'); 
     if($(this).attr('oldVal') === data['val']) 
    return false; 

    $.ajax({ 

      type: "POST", 
      url: "server.php", 
      cache:false, 
      data: data, 
      dataType: "json",  
      success: function(response) 
      { 
      //$("#loading").hide(); 
      if(response.status) { 
       $("#msg").removeClass('alert-danger'); 
       $("#msg").addClass('alert-success').html(response.msg); 
      } else { 
       $("#msg").removeClass('alert-success'); 
       $("#msg").addClass('alert-danger').html(response.msg); 
      } 
      } 
     }); 
    }); 
}); 

//這是回車鍵應該調用事件的內容

$('td.editable-col').on("keydown",function(e){ 
    var key = e.keyCode || e.charCode; // ie||others 
    if(key == 13) // if enter key is pressed 
     $(this).blur(); // lose focus 
}); 

Answer 1

找到解決方案。

e.preventDefault(); 

修復了這個問題