Отключение обработки события onclick

188
21 февраля 2018, 09:17

У меня есть таблица с 2 элементами при нажатии вы3ывается функция randomImg

function randomImg(id) { 
  if (stateGame === 'imgClosed') { 
    document.getElementById(id).src = '' + img[gameImg[id]] + ''; 
    stateGame = 'imgOpened'; 
    imgOne = gameImg[id]; 
    idOneImg = id; 
    return; 
  } 
  if (stateGame === 'imgOpened') { 
    document.getElementById(id).src = '' + img[gameImg[id]] + ''; 
    imgSecond = gameImg[id]; 
    idSecondImg = id; 
    if (imgOne === imgSecond) { 
      //Условие чтобы onclick ольше не отрабатывался 
    } 
  } 
}
<tr> 
  <td><img id="0" src="style/img/images.png" height="150" width="102" onclick="randomImg(0) " /></td> 
  <td><img id="1" src="style/img/images.png" height="150" width="102" onclick="randomImg(1)" /></td> 
</tr>

При вызове функции изначальная картинка меняется на картинку из массива по id и если первое id === второе id мне надо чтобы событие onclick при нажатии на элементы таблицы больше не отрабатывался

Answer 1

Попробуйте это:

elem.onclick = null

В данном случае, elem это элемент по которому кликнули

Answer 2
if (cardOne === cardSecond){
   document.querySelectorAll('.js_click').forEach(el => el.removeAttribute('onclick') )
}

document.querySelectorAll('.js_click') - js_click любой css селектор

READ ALSO
Не работают ссылки на сайте

Не работают ссылки на сайте

Всем привет, помогите пожалуйста со ссылками, первые 2 и последняя работают, а остальные нет, что делать?

239
Как использовать chrome веб-инспектор для просмотра кода наведения на элемент? (псевдокласс hover)

Как использовать chrome веб-инспектор для просмотра кода наведения на элемент? (псевдокласс hover)

Как использовать chrome веб-инспектор для просмотра кода наведения?

183
HTML Dropdown вбок

HTML Dropdown вбок

Здесь - пример выпадающего меню вниз

232
Linear-gradient: как сместить вниз изменение цвета?

Linear-gradient: как сместить вниз изменение цвета?

Есть задача - сделать вот такой градиент:

253