我正在尝试使用 HTML 和 JavaScript 创建一个简单的 buzzfeed 测验作为练习项目。我所有的选项都是 HTML 中的 subdivs 的 div。四个选项是一个div,最上面一行的两个选项是一个subdiv,然后每个选项都是其下的一个subdiv。所以我的 HTML 看起来像:
<div id="q1">
<p class="question">What's your favorite kind of bread?</p>
<!-- First set of options -->
<div class="optionsSet">
<!-- Sourdough -->
<div class="option" id="sourdough">
<img class="optionPic" src="/pictures/b-sour.jpg" alt="Sourdough" id="sourpic">
<p class="caption">Sourdough</p>
</div>
我无法让我的 JS 事件监听器抓取任何东西。相反,无论我尝试处理哪个事件,它都会在加载页面后立即执行。这是我认为应该万无一失但不起作用的最新消息:
var test = new function test() {
console.log("test succeeded");
}
document.getElementById('sourdough').addEventListener("mouseup", test)
一旦我格式化并能够以可预测和可靠的方式生成输出,我将修改实际输出。不,我什至无法到达那部分!
最佳答案
var test = new function test() {
console.log("test succeeded");
}
您需要删除函数声明前的new
关键字。
new
用于创建新对象
这是工作 codesandbox .
关于javascript - 使用 JS 事件监听器选择一个分割,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52558119/