如何禁用onclick事件？

Question

    <form id="QandA" action="<?php echo htmlentities($action); ?>" method="post">

    <table id="question">

    <tr>
    <td colspan="2">
    <a onclick="return plusbutton();">
    <img src="Images/plussign.jpg" width="30" height="30" alt="Look Up Previous Question" class="plusimage" id="mainPlusbutton" name="plusbuttonrow"/>
    </a>
    <span id="plussignmsg">(Click Plus Sign to look up Previous Questions)</span>
    </td>
    </tr>
    </table>


    </form>

在上面的代碼中，當滿足if語句時，我可以用另一個圖像替換一個圖像。 但是我的問題是，替換圖像時，它不會禁用on click事件。 我的問題是，替換圖像后，如何禁用onclick事件onclick="return plusbutton();

Answer 1

您可以從plusbutton函數本身內部禁用。 首先，將元素傳遞到函數中，如下所示：

<a onclick="return plusbutton(this);">

然后在功能中將其禁用：

function plusbutton(element) {
    element.onclick = '';
    /* then do whatever plusbutton did before */
}

但是由於您使用的是jQuery，所以最好使用處理程序。 因此，給鏈接一個id而不是onclick，就像這樣：

<a id="plusbutton" href="#">

並使用jQuery.one（）綁定僅發生一次的點擊處理程序：

$(document).ready(function() {
    $('#plusbutton').one('click', function(ev) {
        plusbutton();
        return false;
    });
});

Answer 2

event.preventDefault(); 

將阻止元素繼續其正常功能。

Answer 3

試試這個代碼：

$('#addQuestionBtn').bind("click",function(){
    $('#addQuestionBtn').unbind("click");   
    insertQuestion(document.form);
});

和你的HTML：

<input id="addQuestionBtn" name="addQuestion" type="button" value="Add Question" />