gpt4 book ai didi

javascript - 无法使用 addeventlistener 正确触发 JS

转载 作者:行者123 更新时间:2023-12-03 07:47:43 25 4
gpt4 key购买 nike

两个例子:JSfiddle without evenlistenerJSfiddle with eventlistener

它们的基本代码是:

HTML

<body>

</body><p id="one" tabindex="0">ID one of tag P</p>
<input id="two" type="text" value="An input field">
<button id="three">A Button</button>

<p id="showid" tabindex="0"></p>

JS

function myFunction() {
var x = document.activeElement.id;
document.getElementById("showid").innerHTML = x;
}

为了使脚本正常工作,我添加了 onclick="myFunction()"(请参阅 JSF 中的第一个示例),但是如果我添加一个 eventlistener onclick="myFunction()" 我没有得到正确的结果。

带有事件监听器的JS代码:

document.addEventListener('DOMContentLoaded', function myFunction() {
var x = document.activeElement.id;
document.getElementById("showid").innerHTML = x;
}, false);

我在这里做错了什么?

最佳答案

在第一个示例中,点击事件附加到正文。

<body onclick="myFunction()">

可以使用“click”事件代替“DOMContentLoaded”来获得相同的结果:

document.addEventListener('click', function myFunction() {
var x = document.activeElement.id;
document.getElementById("showid").innerHTML = x;
}, false);

关于javascript - 无法使用 addeventlistener 正确触发 JS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35132914/

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