Question

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

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

$(".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() instad：

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

＆安培;＆安培;

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

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

正如评论中提到的，您有一个拼写错误：e1应为el

删除mouseleave上的contenteditable属性

1 个答案: