Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Подскажите, что это за эффект такой у addEventListener на сенсорных экранах / 4 сообщений из 4, страница 1 из 1
05.07.2017, 16:45
    #39483297
Сергей_ТВ
Сергей_ТВ
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Подскажите, что это за эффект такой у addEventListener на сенсорных экранах
Есть незамысловатый код

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
<div class="button">
			<ul>
			  <li ><a>1111111111</a></li>
			  <li ><a>2222222222</a></li>
			  <li ><a>3333333333</a></li>
			  <li ><a>4444444444</a></li>

			</ul>
</div>





если к div подключить слушателя и посмотреть на сенсорном мониторе, то до тех пор пока не кликаешь все нормально.
А если кликнуть или нажать на одну из ссылок, то на экране выделяется весь div?
(если кликнул - div мелькнет, если удерживать - то будет выделен до тех пока не отпустишь)

код слушателя

Код: javascript
1.
2.
3.
4.
5.
document.querySelector('.button').addEventListener("click", function (e) {

	alert();

});




Можно ли выключить этот эффект, используя слушателя?

П/с если использовать onclick - такого эффекта не наблюдается
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.07.2017, 18:15
    #39483347
Сергей_ТВ
Сергей_ТВ
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Подскажите, что это за эффект такой у addEventListener на сенсорных экранах
Вопрос оказался несколько сложнее, поскольку если все выше написанное положить в index.html, то в обоих случаях работает аккуратно. Но мне нужно использовать webpack, а он компилирует код с заголовками, модулями и пр. И после этой компиляции возникает нежелательное мерцание родительского элемента.

Увидеть этот эффект можно с мобильных устройств. На обычных экранах все ок в обоих случаях.
Ниже две ссылки


Первый (со слушателем), при клике мелькает div
Второй (с событием onclick в теге а) Ничего не мелькает
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.07.2017, 18:17
    #39483348
Сергей_ТВ
Сергей_ТВ
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Подскажите, что это за эффект такой у addEventListener на сенсорных экранах
тапить надо немного правее цифр ( ссылок )
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.07.2017, 20:04
    #39483394
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Подскажите, что это за эффект такой у addEventListener на сенсорных экранах
Сергей_ТВ,

А как раотают соытия из серии ontouch ?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Подскажите, что это за эффект такой у addEventListener на сенсорных экранах / 4 сообщений из 4, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 554ms
Закрыть
start [/forum/search_topic.php?author=Vlady&author_mode=last_posts&do_search=1]:
 0ms
get settings:
 9ms
get forum list:
 15ms
get settings:
 11ms
get forum list:
 14ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 162ms
get topic data:
 12ms
get forum data:
 3ms
get page messages:
 44ms
get tp. blocked users:
 1ms
others: 275ms
total:  554ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]