gpt4 book ai didi

javascript - 如何在按钮上设置回调?

转载 作者:行者123 更新时间:2023-12-03 06:15:22 26 4
gpt4 key购买 nike

我有一个包含以下内容的页面:

<body>
<div id="container">
<p>
<input id="myButton" type=button onclick=window.open('LandingPage.html'); value="Launch Search App">
</p>
</div>

<script>
function callback(msg) { console.log(msg); }
myButton.addEventListener('click', callback(msg));
</script>
</body>

此页面显示一个按钮,单击该按钮后将启动第二个页面,用户可以在其中执行一些搜索和数据操作功能。

本页的addEventListener旨在为按钮的onClick事件添加回调函数。我的目的是在用户单击按钮启动辅助页面时设置回调,并让第一页等待辅助页面发送对回调的响应。

当我按原样运行上述命令时,我收到一条消息,指示 msg 未定义。辅助页面应该用 msg 响应回调,因此在这种情况下,是的,msg 是未定义的。

我需要做什么才能在按钮的点击事件上设置此回调函数?

最佳答案

您需要将函数引用设置为参数而不是执行结果。

<script>
function callback() { console.log(msg); }
myButton.addEventListener('click', callback);
</script>

<小时/>或在匿名函数中调用该函数。

<script>
function callback(msg) { console.log(msg); }
myButton.addEventListener('click',function(){
callback('msg');
});
</script>

关于javascript - 如何在按钮上设置回调?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39128567/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com