javascript – 以编程方式调用onclick属性

我有一堆< a>页面上的标签看起来像

<a href="#" id="001" onclick="fnaaa();" >...</a>
  ...
 <a href="#" id="002" onclick="fnaba();" >...</a>
  ...
 <a href="#" id="003" onclick="fncda();" >...</a>


 //sometimes maybe like this
 <a href="#" id="004" onclick="fnagg(); return false;" >...</a>
  ...

现在我将id作为查询字符串传递给页面,所以我原本想做类似的事情

$('a[id="' + id + '"]').click();
$('a[id="' + id + '"]').trigger("click");

事实证明这两个都是不允许的,所以如果我有id,我怎么能调用onclick属性中写的函数？我知道我可能会这样

var funcToCall = $('a[id="' + id + '"]').attr('onclick');

但是如何调用此funcToCall？记住funcToCall可能只是一个函数名ex. “fnagg();返回false;”

解决方法

首先,ID属性有 some restrictions,其中一个是必须以字母开头.修复之后,我建议不要使用内联onclick处理程序.

$("#ID_HERE").click(function(e) {
  fnaaa();
  e.preventDefault();
});

然后你可以轻松触发它：

$("#ID_HERE").triggerHandler("click");

但是,如果你绝对必须使用丑陋的onclick,你可以调用它like this：

<a id="foo" href="#" onclick="alert('test');">Test</a>
var el = document.getElementById('foo');
el.onclick();