Javascript 在输入contenteditable的表行上，单击calljqueryfocusout

我有一个HTML表格，其contenteditable设置为true

现在，当我想保存我的更改时，我可以单击其他位置（focusout），它将保存我的更改

我想“输入”点击做与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);
            }
          }   
        });
  });
});

//这是回车键应该调用focusout的地方

$('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
});

找到了解决办法

 e.preventDefault();

已修复此问题

找到解决方案

 e.preventDefault();

修正了这个问题