javascript - 使用 JS 事件监听器选择一个分割

Question

我正在尝试使用 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)

一旦我格式化并能够以可预测和可靠的方式生成输出，我将修改实际输出。不，我什至无法到达那部分!

Answer 1

var test = new function test() {
  console.log("test succeeded");
}

您需要删除函数声明前的new 关键字。new 用于创建新对象

这是工作 codesandbox .