Question

我对JavaScript很陌生，我需要一些代码帮助。我用迈克尔·舒马赫的一辆方程式赛车做了一个小故事。

在这个游戏中，您可以通过点击图像然后继续选择您的车，但我的老师说它不够好。她给了我反馈，她告诉我，我需要将HTML img onclick 放入我的JavaScript中。

我不知道该做什么以及放在哪里。

Answer 1

首先，为图片标记添加id属性，例如

<img id='car1'/>

或

<img id='car2'/>

然后使用addEventListener方法添加事件监听器，如下所示：

document.getElementById('car1').addEventListener('click', functionName, false);
document.getElementById('car2').addEventListener('click', functionName, false);

此函数有3个参数，第一个是事件类型（单击），第二个是要调用的函数的名称，第三个是如何捕获事件（只是将其保留为false）。然后，在你的javascript中创建一个名为onPageLoad的函数，并将两行代码放在其中：

function onPageLoad(){
    document.getElementById('car1').addEventListener('click', functionName, false);
    document.getElementById('car2').addEventListener('click', functionName, false);
}

最后，在页面末尾添加这行代码以启动整个过程：

window.addEventListener('DOMContentLoaded', onPageLoad, false);

外部JavaScript onclick而不是内联HTML onclick

1 个答案: