Javascript-форум (https://javascript.ru/forum/)
-   Javascript под браузер (https://javascript.ru/forum/css-html/)
-   -   OnClick ячейки таблицы и ссылки в этой ячейке (https://javascript.ru/forum/css-html/18416-onclick-yachejjki-tablicy-i-ssylki-v-ehtojj-yachejjke.html)

MasDen 29.06.2011 20:22

OnClick ячейки таблицы и ссылки в этой ячейке
 
Доброго времени суток, есть следующая проблема.

Есть таблица, к каждой ячейке таблицы приявязано событие onclick, в ячейке можен находиться ссылка у которой так же есть onclick. Проблема в том, что если мы делаем клик на ссылке, то происходит событие onclick ссылки, а затем onclick ячейки, что неверно, так как в этом случае нужен только onclick ячейки

<table>
  <tr>
    <td onclick="alert('click td');">
       <a href="javascript:void(0)" onclick="alert('click a');"/>
    </td>
  </tr>
<table>


Кликаем в пустое место ячейки: "click td"
Кликаем по ссылке: "click a" а затем "click td"

а необходимо

Кликаем в пустое место ячейки: "click td"
Кликаем по ссылке: "click a"

melky 29.06.2011 21:23

всё верно,это называется всплытие

уберите его и всё ок

A.onclick = function(e){

if(e) e.stopPropagation();
else window.event.cancelBubble = true

}

MasDen 30.06.2011 10:34

Цитата:

Сообщение от melky (Сообщение 111157)
всё верно,это называется всплытие

уберите его и всё ок

A.onclick = function(e){

if(e) e.stopPropagation();
else window.event.cancelBubble = true

}

Огромное спасибо :) помогло!


Часовой пояс GMT +3, время: 21:02.