javascript - 删除 mouseleave 上的 contenteditable 属性

Question

我正在开发一个界面，它允许用户通过右键单击 div 来编辑 div。我已经能够使用 jquery 实现这一目标。

用户完成编辑后，鼠标移出 div，我希望 div 像以前一样变得不可编辑。我发现我可以使用 jquery 的 mouseleave 函数，但我不确定应该把它写在哪里。我尝试使用如下所示的鼠标事件，但它不起作用。

$(".list").contextMenu({
        menu: 'listMenu'
    },
    function(action, el, pos) {
        if(action=='edit'){
            $(el).attr('contenteditable','true');
            $(e1).mouseleave(function() {
                $(e1).attr('contenteditable','false');
        });
    }
});

Answer 1

尝试使用prop()相反:

$( el ).prop('contenteditable', false );

&&

$( el ).prop('contenteditable', true );

• 请注意，我使用的是 bool 值，而不是字符串。

如评论中所述，您有错字:e1 应为 el