Question

我希望避免在用户点击html按钮时回发。因为我想要使用javascript弹出一个。单击按钮时我不希望回发。

function ShowEditChoicesPopup() {
    // I want to show some pop up here.
    $("popupdiv").show();
    return false;
}

使用的标记是：

<button onclick="javascript:ShowEditChoicesPopup();"> Edit Choices </button>

请提出一些建议。

Answer 1

申请event.preventDefault();

 function ShowEditChoicesPopup(event) {
   event.preventDefault();

    $("popupdiv").show();

 }

Answer 2

尝试：

function ShowEditChoicesPopup() {
     // I want to show some pop up here
     $("popupdiv").show();
        return false;
     }
    return false;
}

return false需要第二个ShowEditChoicesPopup()才能取消表单提交。这假设代码位于<form>块中。

Answer 3

尝试使用以下代码段。

<button onclick="javascript:return ShowEditChoicesPopup();">

OR

<button onclick="javascript:return ShowEditChoicesPopup(); return false;">

OR

<button onclick="javascript:ShowEditChoicesPopup(); return false;">

Answer 4

使用event.preventDefault（）;这将阻止元素的默认行为并执行指定的功能

Answer 5

按照示例：

http://jsfiddle.net/guinatal/ct8uS/1/

<强> HTML

<form>
    <button onclick="return ShowEditChoicesPopup();"> Edit Choices </button>
    <div id="popupdiv" style="display:none">popupdiv</div>
</form>

<强> JS

function ShowEditChoicesPopup() {
     // I want to show some pop up here
     $("#popupdiv").show();

    return false;
}

当用户点击html按钮时，避免回发

5 个答案: