javascript - 在 `Focusout` true 上的表 td 上使用 `contenteditable = "

Question

我有一个表格，我试图在用鼠标单击时将字段转换为可编辑，但是，当焦点移出时，我希望该字段转换回其自己的位置，这是没有 contenteditable 属性的正常 td。

添加属性进展顺利，但它的 focusout() 出现了问题，它不适用于表的某些列。

Fiddle Link

仅当我返回并单击该列并返回到其他某个 td 时，焦点才会起作用。我希望焦点在我移动到其他某个 td 后立即起作用？

我是否遗漏了某些内容，或者我必须遵循其他一些流程才能在按下它们时在表格中包含可编辑的列，并且当焦点移开时它们会恢复正常。

Answer 1

对于旧版浏览器中的表格，焦点将失败，而是从正文或单元格单击的所有 $cells 中删除属性和类，然后为事件单元格启用它。

        //Now Need to Get Available Months on Based of Year
    var $cell = $('tr.tableRow td.inner'),
        $body = $('body');
    $body.on('click',function(e){
        if($cell.children(e.target).length == 0 && $cell.index(e.target) == -1){
            $cell.attr('contentEditable','false')
                .removeClass('inputCopyCat');
        }
    });
    $cell.on('click',function(){
        $cell.attr('contentEditable','false')
             .removeClass('inputCopyCat');            
        $(this).attr('contentEditable','true');
        $(this).addClass('inputCopyCat');
    });

<强> http://jsfiddle.net/yhjw23of/