gpt4 book ai didi

javascript - 事件监听器不在 anchor 上工作

转载 作者:行者123 更新时间:2023-11-30 06:59:17 27 4
gpt4 key购买 nike

这可能是一个非常愚蠢的问题,但我现在很绝望。我正在尝试通过单击这样的 anchor 来执行 javascript 函数:

<head>
<script type="text/javascript">
function myFunction() {
alert('It was clicked');
}
Anchor.addEventListener('click', myFunction, false);
</script>
</head>

<a href="#" id="Anchor">Click me</a>

但它不起作用。

但是,这工作正常:

<a href="javascript:myFunction()" id="Anchor">Click me</a>

即使这样:

<a href="#" onclick="myFunction()" id="Anchor">Click me</a>

正确的方法是什么?我究竟做错了什么? jsfiddle for example here .

额外信息:

我已经使用相同的方法设置了其他事件,但不知何故 anchor 是唯一不起作用的事件。示例:

<script type="text/javascript">
function aFunction() {
AnElement.style.display = 'none';
}
window.addEventListener('load', aFunction, false);
</script>

当窗口完成加载时,该元素会完美隐藏。

最佳答案

问题是您将脚本放在 HEAD 部分。 Anchor 在脚本执行时不存在,因此您得到 Anchor is not defined

试试这个将脚本放在 html 定义之后的修改版本。

DEMO

<a href="#" id="Anchor">Click me</a>
<script>
function myFunction() {
alert('It was clicked');
}
Anchor.addEventListener('click', myFunction, false);
</script>

关于javascript - 事件监听器不在 anchor 上工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25273558/

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