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

修正： 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');
            }
        });
    }
});

Answer 2

对于span标记，不会触发模糊事件。使用其他可以获得焦点的东西。

JQuery模糊并输入密钥 - 模糊不起作用

2 个答案: