主页 / 问题 / 1021948
Accepted
Trulimon
Asked:2020-09-10 14:35:52 +0000 UTC2020-09-10 14:35:52 +0000 UTC

removeEventListener 处理程序不起作用

  • 772

创建一个按钮，单击该按钮会创建一条消息。再次按下时，消息消失。

<body>
    <button id="btn">Click!</button>
    <script>
        'use strict'
        let parent = document.body;
        let el = document.createElement('div');
        let listener = function(e) {
            el.innerHTML = "I was born!";
        }
        btn.addEventListener('click', listener, true);
        btn.removeEventListener('click', listener);
        parent.appendChild(el);
    </script>
</body>
javascript

1 个回答

  1. Best Answer

    'use strict'
const parent = document.body;
const el = document.createElement('div');
let second_click =false;
let listener = function(e) {
  if (second_click) {
    second_click = false;
    el.innerHTML = "";
  } else {
    second_click = true;
    el.innerHTML = "I was born!";
  }
}
btn.addEventListener('click', listener, true);
parent.appendChild(el);
    <button id="btn">Click!</button>

    • 1

相关问题