Javascript 如何将函数绑定到onclick属性？
我在html中有一个绑定到Javascript 如何将函数绑定到onclick属性？,javascript,jquery,html,Javascript,Jquery,Html,我在html中有一个绑定到onclick事件的函数，如下所示： <script> function f1(){ alert('hello world'); }; </script> <a onclick="f1()">test</a> 但是defaultFunction被定义为字符串，而不是函数本身。我可以用eval（defaultFunction）对它进行评估，但这让我感觉脏兮兮的。有没有办法访问函数本身而不是字符串 i、 e.我希望
onclick<script>
function f1(){ alert('hello world'); };
</script>
<a onclick="f1()">test</a>
defaultFunctioneval（defaultFunction）defaultFunction（）af1（）function f1() {
alert('hello world');
};
$('a').on('click', f1);
这是您的修复程序：您可以通过编程触发click事件，而不是尝试内联复制函数绑定：
function defaultFunction() {
$("a[onclick]").click(); // change selector to match your actual element
}
最好使用addEventListener（）您可以添加所有类型的事件。例如：“单击”、“鼠标移动”、“鼠标覆盖”、“鼠标移出”、“调整大小”等等。最后的false是阻止事件向上遍历dom。如果希望父dom对象也接收事件，只需将其更改为true即可。这个例子也不需要javascript库。这只是简单的旧javascript，可以在每个浏览器中工作，无需额外的东西 另外，addEventListener（）比onClick（）更好，因为您可以向dom元素添加无限数量的事件监听器。如果在元素上有一个onClick（），然后在已覆盖第一个onClick（）的同一元素上设置另一个onClick（）。使用addEventListener（）如果我想在单击某个元素时触发多个单击事件，那么我可以毫无问题地执行 如果需要有关触发事件的元素的数据，可以将事件传递给函数。在我的示例中，您将看到函数（e）e是事件，您可以使用e或this以被触发的元素为目标。使用e或这个，我还可以获得更多关于触发事件的数据。例如，如果事件是mousemove或mouseclick，我可以获得事件发生时鼠标的x和y位置
<!DOCTYPE html>
<html>
<head>
<title>exampe</title>
</head>
<body>
<a id="test" href="">test</a>
<script>
document.getElementById("test").addEventListener("click",function(e){
alert('hello world');
alert('my element '+e);
alert('my element '+this);
},false);
</script>
</body>
</html>
function f1(){ ... }
当您想要删除事件侦听器时，只需调用target。removeEventListener（键入listener[，useCapture]）。非常简单，易于管理 查看此
文档。getElementById（“您元素的id”）。onclick单击onclick<script>
function f1(){ alert('hello world'); };
</script>
<a onclick="f1()" id="aa">test</a>
<a id="bb">test2</a>
<script>
bb.onclick = aa.onclick;
// or
bb.onclick = function (){ alert('hello bb'); };
</script>
函数f1（）{alert（'hello world'）；}；
测验
测试2
bb.onclick=aa.onclick；
//或
bb.onclick=function（）{alert（'hello bb'）；}；
在我的例子中，
f1aaf1onclick窗口aabbaddEventListenerfunction f1(){ ... }
<script>
function f1(){ alert('hello world'); };
</script>
<a onclick="f1()" id="aa">test</a>
<a id="bb">test2</a>
<script>
bb.onclick = aa.onclick;
// or
bb.onclick = function (){ alert('hello bb'); };
</script>
var defaultFunction = $('a').attr('onclick');
var defaultFunctionName = defaultFunction.substring(0, defaultFunction.indexOf('('));
$('div').on('click', function(){
if(typeof window[defaultFunctionName] ==="function")
{
window[defaultFunctionName]();
}
alert('Hello universe!');
});