Question

我想编写一个代码，当我点击一个按钮时，它会在我的本地存储中存储一些信息。本地存储的功能工作正常，但事件侦听器没有。单击事件不是指按钮。它指的是每次点击。

        <td>
        <input type="button" value="In den Warenkorb"id="Knopfwarenkorb1">
       <script>
        const el = document.getElementById('Knopfwarenkorb1');
        el.addEventListener('click', zumWarenkorbHinzufuegen(produkt1));
       </script>
       </td>

Answer 1

你也可以这样做，

    $("#Knopfwarenkorb1").click(function () {
         zumWarenkorbHinzufuegen("Whatever action you want to take");
    });
    
    function  zumWarenkorbHinzufuegen(produkt1){
        console.log(produkt1);
    }

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="button" value="In den Warenkorb" id="Knopfwarenkorb1">

Answer 2

您应该添加对方法的引用。因为否则点击只会执行 zumWarenkorbHinzufuegen 返回的内容。

const el = document.getElementById('Knopfwarenkorb1');
el.addEventListener('click', knopfwarenkorb1Geclicked);

let produkt1 = {'it': 'worked'};

function knopfwarenkorb1Geclicked(event) {
  zumWarenkorbHinzufuegen(produkt1);
}

function zumWarenkorbHinzufuegen(prod1) {
  console.log(prod1);
}

<input type="button" value="In den Warenkorb" id="Knopfwarenkorb1">

addEventListener 使用每次点击而不是按钮点击

2 个答案: