CONTENTEDITABLE =＆＃34;真＆＃34;不处理按钮元素

Question

我有以下按钮

<button data-shq-name="Submit Button" data-shq-id="submit-text" type="submit" data-shq-type="editable-text" class="btn">Get Instant Access</button>

点击此按钮我正在添加contenteditable =＆＃34; true＆＃34;用jquery。该属性被添加正常，但是满足不适用。 如果我已将此属性放在按钮标记中，则它可以正常工作。

我希望它在我们点击按钮时工作，文字变得可编辑，以便我可以保存编辑过的文字。

我正在做这样的jquery事情

$(".btn").click(function(){
    $(this).attr("contenteditable", true);
});

请帮助。

Answer 1

此代码适用于`chrome browser＆＃39;

        <button type="button" contenteditable="true">
            A button
        </button>

但是对于这个type="submit"也有效，但是，然后调用了动作submit。因此，您应该使用javascript code ...

阻止第二个操作

    <form method="POST" action="#">
        <button type="submit" contenteditable="true">
            A button
        </button>
    </form>

-

     $(function() {
        $('button').click(function(event) {
            event.preventDefault();
        });
    });