Размытие JQuery и ввод ключа - размытие не работает

Question

Я использую следующее для встроенного редактирования.

Я хочу Аякса стрелять, когда клавишу ввода прессованных или пользователя щелкает прочь (размытие)

При входе нажатие клавиши все в порядке, но 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

Событие Blur не срабатывает для тегов 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'); 
      } 
     }); 
    } 
});