html + jquery（在onclick之前綁定onclick事件以執行操作）

Question

我對“事件點擊”和“執行順序”有疑問。

我在這里舉個例子（HTML是由外部javascript生成的）：

HTML ：

<a href="#" id="comments-replybutton" onclick="alert('Action');return false;">Comment</a>​

JavaScript：

$(document).ready(function(){
    $('#comments-replybutton').click(function(){
        alert('2 attach event');
    });
});​

我希望在單擊“注釋”時首先執行jquery的操作（綁定事件）。

這可能嗎？

Answer 1

我相信您正在尋找preventDefault() 。
這里更多。

$(document).ready(function(){
    $('#comments-replybutton').click(function(e){
        e.preventDefault();
        alert('2 attach event');
    });
});​

Answer 2

$(document).ready(function(ev){
    $('#comments-replybutton').click(function(ev){
        alert('2 attach event');
        ev.stopPropagation();
    });
});​

你的意思是這樣嗎？

評論后編輯

您還可以命名函數以解除綁定：

var myEventHandler = function myFunction(ev){
    $(this).unbind(myFunction);
    alert('attach event 2');
    ev.stopPropagation();
}
$('#comments-replybutton').bind('click', myEventHandler); 
// $(something).click(fn) is just a shorthand to $(something).bind('click', fn);

編輯2

我想您只需說一下document.getElementById（'comments-replybutton'）。onclick =“”或類似的東西，就可以輕松殺死原始事件。 您可以通過復制以下內容來重新附加它：

var original_event_handler = $('#comments-replybutton')[0].onclick;
$('#comments-replybutton')[0].onclick = "";
$('#comments-replybutton').click(original_event_handler);

有點臟，但是我懶得查找它：S preventDefault在這里對您沒有幫助。

http://jsfiddle.net/C37ka/

Answer 3

嘗試這個：

$(document).ready(function(){
    $('#comments-replybutton').unbind('click').click(function(){
        alert('2 attach event');
    });
});​

並且如果您還需要在最后執行內聯語句，則將需要以下內容：

$(document).ready(function(){
    var initialEvent = $('#comments-replybutton')[0].onclick;
    $('#comments-replybutton').click(function(){
        alert('2 attach event');
    }).click(initialEvent);
});​