如何使<a>標簽元素觸發使用javascript / jquery的多個功能</a>

Question

我的網頁中有一個鏈接，該鏈接本身觸發了一個我無法修改的函數，但是我想使該鏈接在單擊時也同時（最好是在第一個函數完成后）調用另一個JavaScript函數。 因此，一鍵調用兩個功能...可以實現嗎？ 謝謝

<a title="Next Page" href="javascript:__doPostBack('Booklet1','V4504')">Next</a>

是我要修改的示例標簽，如何使其同時或最好在_doPostBack完成后也調用“ myFunc”。

PS _doPostBack的功能參數（例如V4504）由ASP用戶控件動態生成。 所以我不能簡單地將其視為靜態函數並將其與另一個綁定。 我想我只能附加一些功能嗎？ 除非我先解析整個頁面並提取函數名稱及其當前參數，否則每次單擊鏈接時，V4504等參數都會更改其值。

謝謝！

Answer 1

您應該能夠使用.onclick或.onclick .addEventListener('click', function)將多個事件處理程序附加到單個錨標記上

https://developer.mozilla.org/en/DOM/element.addEventListener

Answer 2

是的，您可以通過多種方式（我同時使用$(this)和$('identifier')因為您沒有說明函數的綁定方式：

$(this).click(function(){
   my_function_1();
   my_function2()
});

要么

$('my element').click(function(){
   my_function_1();
});
$('my element').click(function(){
   my_function_2();
});

或者，如果函數駐留在另一個對象上：

$(this).click(function(){
   my_function_1();
   $('#other_element_id').trigger('click'); //there are a bunch of syntaxes for this
});

Sans JQuery，您可以使用：

var myObj  = document.getElementById('element name');
myObj.addEventListener('click', function(){
   alert('first!');
});
myObj.addEventListener('click', function(){
   alert('second!');
});

單擊將導致兩個連續的警報提示

Answer 3

您可以通過以下方式使用純Javascript將處理程序附加到元素click事件：

function hello()
{
    alert("Hello!")
}
var element = document.getElementById("YourAElementID");
if (element.addEventListener)
{
    element.addEventListener("click", hello, false);
}
else
{
    element.attachEvent("onclick", hello);
}

它支持所有常見的瀏覽器。