避免在用戶單擊html按鈕時回發

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;
}

您需要為ShowEditChoicesPopup()再次return false ，這應該取消表單提交。 假設代碼在<form>塊中。

Answer 3

請嘗試使用以下代碼段。

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

要么

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

要么

<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;
}