0

インライン編集には以下を使用しています。

Enterキーが押されたとき、またはユーザーがクリックして離れたときにajaxを起動したい(ぼかし)

Enterキーを押すとすべて問題ありませんが、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(); 

         }

});
4

2 に答える 2

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');
            }
        });
    }
});
于 2013-10-26T16:01:59.940 に答える