javascript - jQuery Focusout 输入不起作用

Question

我正在尝试对表格中的数据进行在线编辑，为此我将单元格中的文本更改为输入。

$(document).ready(function(){
    $('td.edit').on("click",function(){
        $(this).html("<input type=\"text\" value=\"" + $.trim($(this).text()) + "\" />");
        $(this).off();
    });
});

这很好用。

然后，当我点击离开时，我想用 ajax 写掉数据，但是我似乎无法让 focusout 工作......

我已经尝试了以下所有方法，都在 $(document).ready 中，但都没有成功:

    $('td.edit').on("focusout","input",function(){
        alert("bye");
    });

    $('td.edit input').on("focusout",function(){
        alert("bye");
    });

    $('td.edit input').focusout(function(){
        alert("bye");
    });

    $('td.edit').on("focusout",function(){
        alert("bye");
    });

    $('td.edit').focusout(function(){
        alert("bye");
    });

Answer 1

试试这个，

$('td.edit').on("blur","input",function(){
    alert("finally bye");
});

如果 parent td.edit 不起作用，则使用 document 作为 parent 选择器，例如

$(document).on("focusout","td.edit input",function(){
    alert("finally bye");
});

Fiddle