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

前端之家收集整理的这篇文章主要介绍了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();
原文链接:https://www.f2er.com/js/158891.html

猜你在找的JavaScript相关文章