JQuery模糊並輸入鍵 - 模糊不工作

Question

我正在使用以下內嵌編輯。

我想AJAX火時輸入鍵按下或者用戶點擊離開時，按下回車鍵一切正常，但AJAX不是射擊模糊（模糊）

？

// inline editing 
$(document).on('blur keypress', 'span[contenteditable=true]', function (e) { 

    if (e.type == 'blur' || e.keyCode == '13') { 

     $.ajax({ 
      type:'POST', 
      url:'/ajax/actions/editGenre.php', 
      data:{ 
      content: $(this).text(), 
      id: $(this).attr('rowId') 
      }, 
      success:function(msg){ 
      $('span[contenteditable=true]').removeClass('inlineEdit').addClass('editAble'); 
      } 
     }); 

     e.preventDefault(); 

     } 

}); 

Answer 1

模糊事件不會觸發span標籤。使用其他旨在獲得焦點的其他東西。

Answer 2

修正：JSFiddleWiddleBiddleBoDiddle（註釋掉你的AJAX的小提琴和使用的警報證明）

$(document).on('focusout keypress', 'span.inlineEdit', function (e) { 
    e.preventDefault(); 
    if (e.type == 'focusout' || e.keyCode == '13') { 
     $.ajax({ 
      type: 'POST', 
      url: '/ajax/actions/editGenre.php', 
      data: { 
       content: $(this).text(), 
       id: $(this).attr('rowId') 
      }, 
      success: function (msg) { 
       $('span.inlineEdit').removeClass('inlineEdit').addClass('editAble'); 
      } 
     }); 
    } 
});