VPF::отменить onclick - Форум программистов

monteg

Дата 7.6.2007, 16:11 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 14
Регистрация: 14.4.2007

Репутация: нет
Всего: нет

Есть table, у него есть обработчик onclick. В таблице есть ячейки у которых есть собственные обработчики onclick. Проблема в том, что если происходит клик над ячейкой, то вызываются оба обработчика(для ячейки и таблицы). Можно ли как-то в onclick для ячейки указать что событие обработано и дальше ничего делать не надо?

GZep

Дата 7.6.2007, 16:15 (ссылка)

(нет голосов)

Загрузка ...

участник Винграда

Профиль
Группа: Завсегдатай
Сообщений: 1528
Регистрация: 7.7.2006
Где: Москва

Репутация: 2
Всего: 32

дай код а мы тут его доделаем

--------------------

monteg

Дата 7.6.2007, 16:22 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 14
Регистрация: 14.4.2007

Репутация: нет
Всего: нет

страничка -

Код


<html>
  <head>
     <script src="script.js" type="text/javascript" language="JavaScript"></script>
   </head>
   <body onload="init();">
    <table id="table1" border="1">
        <tr>
            <td id="cell1">cell1</td>
            <td id="cell2">cell2</td>
        </tr>
    </table>
   </body>
</html>

к ней подключается скрипт-

Код


function init() {
   document.getElementById("table1").onclick = myOnClick;
   document.getElementById("cell1").onclick = myOnClick;
   document.getElementById("cell2").onclick = myOnClick;
}
function myOnClick() {
   alert(this.id);
   return false;
}

}

monteg

Дата 7.6.2007, 16:58 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 14
Регистрация: 14.4.2007

Репутация: нет
Всего: нет

я не стал приводить весь код. Привел касающейся проблемы. В данном случае при клике на ячейке вылазиет алерт с "cell" а потом алерт с "table1". Можно как-нибудь сделать чтобы второй алерт не появлялся?

lexxICON

Дата 7.6.2007, 17:24 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 28
Регистрация: 27.1.2007

Репутация: 2
Всего: 2

самое простое, и если нет резона в дальнейшем распространении события вверх по иерархии, - это поставить в ту общую функцию:

Код


var e = arguments[0] || window.event;
if (e.stopPropagation) { 
    e.stopPropagation();
} else {
    e.cancelBubble = true;
}

monteg

Дата 7.6.2007, 17:31 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 14
Регистрация: 14.4.2007

Репутация: нет
Всего: нет

ОГРОМНОЕ СПАСИБО ЗА ПОМОЩЬ

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »