PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

События, клык дублирует событие

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript (Модератор: armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

nepster	Отправлено: 31 Октября, 2013 - 23:53:20
Частый гость Покинул форум Сообщений всего: 195 Дата рег-ции: Июль 2012 Помог: 0 раз(а)	Собственно пишу шашки на js, практикуюсь. Получился такой момент: CODE (javascript): скопировать код в буфер обмена /** * Ход игрока / hit: function() { var obj = this; var checkerCoord = null; // шашка, которой будем ходить (активная) $(function() { /* * Пользователь наводит на шашки, необходимо убедиться, что * он наводит на свои и получает возможность хода / $('[data-item="checker"]').hover( function() { if($(this).data('checker') == obj.player) $( this ).addClass('ck_hover'); }, function() { if($(this).data('checker') == obj.player) $( this ).removeClass('ck_hover'); } ); $('[data-item="checker"]').on("click", function() { console.log('Пешка'); if($(this).data('checker') == obj.player) { // удалим все активные шашки, если они были $(this).parents('#board').children().find('div').removeClass('active') $(this).parents('#board').children().removeClass('cell_help'); // при нажатии на шашку, делаем ее активной $(this).addClass('active'); checkerCoord = $(this).data('coord'); } }); // клик по полю $('[data-item="cell"]').on("click", function() { console.log('Поле'); if(checkerCoord != null) { // координаты ячейки var cellCoord = $(this).data('coord'); //checkerCoord - координаты шашки // обновить поле obj.updateCell(checkerCoord,cellCoord); } }); }); }, Тут есть 2 события: CODE (javascript): скопировать код в буфер обмена $('[data-item="checker"]').on("click", function() { $('[data-item="cell"]').on("click", function() { 1 клик по шашке, второе клик по полю. Если поле пустое, то все хорошо, однако если поле с шашкой и я кликаю по шашке, то срабатывают оба события. // генерация поля, примерна вот такая CODE (javascript*): скопировать код в буфер обмена // расставляем все черные шашки ch_black.forEach(function(coord) { $('[data-item="cell"][data-coord="'+coord+'"]').html('<div class="checker ck_black" data-item="checker" data-checker="black" data-coord="'+coord+'"></div>') }); Подскажите пожалуйста как сделать так, что бы кликать по полю и по шашке можно было отдельно.

armancho7777777	Отправлено: 01 Ноября, 2013 - 01:27:35
Активный участник Покинул форум Сообщений всего: 4526 Дата рег-ции: Февр. 2011 Откуда: Москва Помог: 221 раз(а)	CODE (javascript): скопировать код в буфер обмена $('[data-item="checker"]').on("click", function(e) { e.stopPropagation(); });

nepster	Отправлено: 01 Ноября, 2013 - 02:12:26
Частый гость Покинул форум Сообщений всего: 195 Дата рег-ции: Июль 2012 Помог: 0 раз(а)	armancho7777777, подскажите пожалуйста, стоит ли так проверять или проверять просто по клику на поле, а там уже смотреть есть пешка или нет ?

armancho7777777	Отправлено: 01 Ноября, 2013 - 02:18:57
Активный участник Покинул форум Сообщений всего: 4526 Дата рег-ции: Февр. 2011 Откуда: Москва Помог: 221 раз(а)	stopPropagation предотвращает всплытие. nepster пишет: проверять просто по клику на поле, а там уже смотреть есть пешка или нет Можно и так. Смотреть, каким объектом является источник события e.target

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« JavaScript & VBScript »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.