Почему срабатывает событие для другого тэга?

Question

[Ульян Романов]

Есть HTML:

<td id="dropbtnMech" class="dropbtn" onclick="showDropDown()">
   <div id="dropdownMech" class="dropdown-content">
          <a onclick="outOperationsLocation()"></a>
          <a onclick="outOperationsLocation()"></a>
          <a onclick="outOperationsLocation()"></a>
          <a onclick="outOperationsLocation()"></a>
          <a onclick="outOperationsLocation()"></a>
          <a onclick="outOperationsLocation()"></a>
          <a onclick="outOperationsLocation()"></a>
   </div>
   <div class="downCursor"></div>
</td>

Есть JS

$("td").click(function(event) {
        if (!($(event.target).hasClass('dropbtn'))) {
               //На нажатие td class="dropbtn" не реагирует, 
               //зато на элементы списка реагирует и выполняется дальнейший код
               //И функция outOperationsLocation не выполняется
              ......
          }

Comments

[Ярослав Иванов]

Зачем вам в тд онКлик ? Кто в 2017ом пользуется атрибутом онКлик ?

[Ульян Романов]

Ярослав Иванов, посоветуйте решение 2017

Answer 1

[DEFUNK]

//И функция outOperationsLocation не выполняется

функция родителя td перекрывает функции его детей.

Comments

[Ульян Романов]

Я понимаю, что это перекрытие идет, но как избавиться от него?