Question

我正在尝试使用HTML和JavaScript作为练习项目来创建一个简单的buzzfeed测验。我所有的选项都是HTML中的细分区域。四个选项是一个div，两个选项的第一行是一个细分，然后每个选项在其下是一个细分。所以我的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。

Answer 2

从您的代码中删除“新”，就可以了。

使用JS事件监听器选择细分

2 个答案: