Удалить событие до того, как запустить дочернее событие - PullRequest
Новая
       10

Удалить событие до того, как запустить дочернее событие

0 голосов
/ 04 апреля 2019

В этом примере, когда я нажимаю кнопку с двумя предупреждениями, как удалить событие divExamp при нажатии кнопки и только с одним предупреждением. 

<button id="abc">sdfsdfsdf</button>
<div id="example">zczczxczxc</div>

<script>
let divExamp = document.querySelector('#example');
document.querySelector('#abc').addEventListener('click', async e =>{
    divExamp.insertAdjacentHTML('beforeend', '<button id="click">click</button>');   
    document.querySelector('#click').addEventListener('click', async e =>{
        alert('click!');
    })
})
</script>

1 Ответ

0 голосов
/ 06 апреля 2019 

let divExamp = document.querySelector('#example');
let abc = document.querySelector('#abc');

abc.addEventListener('click', temp);

function temp(e) {
  abc.removeEventListener('click', temp);
  divExamp.insertAdjacentHTML('beforeend', '<button id="click">click</button>');
  document.querySelector('#click').addEventListener('click', e => {
    alert('click!');
  });
}
<button id="abc">sdfsdfsdf</button>
<div id="example">zczczxczxc</div>
...