Как/где назначен обработчик клика?

@V0fka · Регистрация: 24.05.2010

Студворк — интернет-сервис помощи студентам

Привет!

Вот есть страничка https://tables.finance.ua/ru/c... 2019/09/12

Вверху есть элемент, по нажатию на который выпадает список с областями:

Если клацаешь по какой-то области, происходит переход на соответствующую страницу. Если посмотреть DOM, то внутри элементов списка есть элементы <a>, но атрибута href там нету. Но не факт, что это срабатывает клик именно по элементу <a>, возможно выше где-то какой-то элемент срабатывает, но я не могу понять какой. Пробовал ходить по дереву и искать getEventListeners элементах списка, но везде пусто.

Вопрос: какой элемент и каким образом реагирует на нажатие?

@atanov · 12.09.2019, 21:46

V0fka, а подключённые скрипты есть? Вполне вероятно там обработчики событий сидят.

@sash23 · 12.09.2019, 22:54

https://static.finance.ua/asse... /script.js
в этом скрипте магия происходит

@V0fka · 13.09.2019, 10:27 **[ТС]**

atanov, возможно, это мне бы и хотелось понять. Где именно это происходит.

sash23, а не могли бы вы более точно сказать? Скрипт этот я посмотрел, но ничего там не нашел (вероятно, что просто не хватает ума понять где именно это там происходит).

@esculap_ra · 13.09.2019, 14:18

Сообщение от V0fka

Вопрос: какой элемент и каким образом реагирует на нажатие?

Скачайте документацию по квери и разбирайтесь, как работают методы removeClass, toggleClass, addClass - это раздел "Манипуляция с элементами". Можно скачать, например, скрипт меню-аккордеон на квери и посмотреть.

@V0fka · 16.09.2019, 09:42 **[ТС]**

esculap_ra, мне хотелось бы понять не каким образом меню выезжает, а каким образом и где обрабатываются клики по пунктам этого меню.

@diadiavova · 19.09.2019, 10:17

V0fka, найти обработчики событий для элементов - совсем несложно, для этого достаточно воспользоваться инструментами разработчика. Просто наводишь на интересующий тебя элемент мышку, правый клик и в контекстном меню выбираешь "Исследовать элемент". Там в инспекторе рядом с элементами, имеющими подписки на события есть пимпа со словом event(по крайней мере в файрфоксе так), по ней клацнешь, вылезет блямба со всей нужной инфой и там элементы кликабельны, так что можно здесь же непосредственно просмотреть код обработчика или открыть весь скрипт в отладчике.
Другой вопрос, что не факт, что тебе это что-то даст. Ну в частности, на том сайте, который ты указал, используется bootstrap, в нем для создания выпадающих списков писать обработчики не требуется, а создаются они вот так Выпадающие элементы. Компоненты · Bootstrap. Версия v4.0.0, таким образом из инструмента разработчика ты узнаешь как обрабатываются интересующие тебя события в самом бутстрапе или в жквери, да еще и увидишь это в варианте скриптов, пропущенном через минимизатор. Честно говоря, даже не знаю, что тебе это даст.

@sash23 · 19.09.2019, 18:52

Тут используется bootstrap-select. То есть если посмотреть в код то можно увидеть такой select. Там как раз есть адреса по которым происходит переход.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<select style="display: none" id="selector-location" data-role="selectpicker filter-group location-selector" data-width="fit">
    <option value="ua">Все регионы</option>
    <option value="ua,7oiylpmiow8iy1smaci">Днепропетровская область</option>
    <option value="ua,7oiylpmiow8iy1smac7">Житомирская область</option>
    <option value="ua,7oiylpmiow8iy1smabz">Закарпатская область</option>
    <option value="ua,7oiylpmiow8iy1smack" selected="selected">Запорожская область</option>
    <option value="ua,7oiylpmiow8iy1smac2">Ивано-Франковская область</option>
    <option value="ua,0,7oiylpmiow8iy1smadi">Киев</option>
    <option value="ua,7oiylpmiow8iy1smac9">Киевская область</option>
    <option value="ua,7oiylpmiow8iy1smac0">Львовская область</option>
    <option value="ua,7oiylpmiow8iy1smacd">Николаевская область</option>
    <option value="ua,7oiylpmiow8iy1smacc">Одесская область</option>
    <option value="ua,7oiylpmiow8iy1smacf">Полтавская область</option>
    <option value="ua,7oiylpmiow8iy1smac4">Ровенская область</option>
    <option value="ua,7oiylpmiow8iy1smacg">Сумская область</option>
    <option value="ua,7oiylpmiow8iy1smac3">Тернопольская область</option>
    <option value="ua,7oiylpmiow8iy1smacj">Харьковская область</option>
    <option value="ua,7oiylpmiow8iy1smach">Херсонская область</option>
    <option value="ua,7oiylpmiow8iy1smac6">Хмельницкая область</option>
    <option value="ua,7oiylpmiow8iy1smacb">Черкасская область</option>
    <option value="ua,7oiylpmiow8iy1smaca">Черниговская область</option>
    <option value="ua,7oiylpmiow8iy1smac5">Черновицкая область</option>
</select>

@V0fka · 23.09.2019, 11:23 **[ТС]**

diadiavova, sash23, спасибо за ответы!

Новые блоги и статьи Все статьи Все блоги /
http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит переходные токи и напряжения на элементах схемы. . . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .

@V0fka 86 / 13 / 1 Регистрация: 24.05.2010 Сообщений: 590

	Как/где назначен обработчик клика? 12.09.2019, 10:05. Показов 1141. Ответов 8 Метки нет (Все метки) Привет! Вот есть страничка https://tables.finance.ua/ru/c... 2019/09/12 Вверху есть элемент, по нажатию на который выпадает список с областями: Если клацаешь по какой-то области, происходит переход на соответствующую страницу. Если посмотреть DOM, то внутри элементов списка есть элементы <a>, но атрибута href там нету. Но не факт, что это срабатывает клик именно по элементу <a>, возможно выше где-то какой-то элемент срабатывает, но я не могу понять какой. Пробовал ходить по дереву и искать getEventListeners элементах списка, но везде пусто. Вопрос: какой элемент и каким образом реагирует на нажатие? 0

@atanov 640 / 481 / 172 Регистрация: 26.05.2016 Сообщений: 2,674
	12.09.2019, 21:46
	V0fka, а подключённые скрипты есть? Вполне вероятно там обработчики событий сидят. 0

@sash23 563 / 410 / 259 Регистрация: 31.05.2016 Сообщений: 1,105
	12.09.2019, 22:54
	https://static.finance.ua/asse... /script.js в этом скрипте магия происходит 0

@V0fka 86 / 13 / 1 Регистрация: 24.05.2010 Сообщений: 590
	13.09.2019, 10:27 [ТС]
	atanov, возможно, это мне бы и хотелось понять. Где именно это происходит. sash23, а не могли бы вы более точно сказать? Скрипт этот я посмотрел, но ничего там не нашел (вероятно, что просто не хватает ума понять где именно это там происходит). 0

@V0fka 86 / 13 / 1 Регистрация: 24.05.2010 Сообщений: 590
	16.09.2019, 09:42 [ТС]
	esculap_ra, мне хотелось бы понять не каким образом меню выезжает, а каким образом и где обрабатываются клики по пунктам этого меню. 0

@diadiavova 7258 / 2605 / 744 Регистрация: 11.04.2015 Сообщений: 4,149 Записей в блоге: 43
	19.09.2019, 10:17
	V0fka, найти обработчики событий для элементов - совсем несложно, для этого достаточно воспользоваться инструментами разработчика. Просто наводишь на интересующий тебя элемент мышку, правый клик и в контекстном меню выбираешь "Исследовать элемент". Там в инспекторе рядом с элементами, имеющими подписки на события есть пимпа со словом `event`(по крайней мере в файрфоксе так), по ней клацнешь, вылезет блямба со всей нужной инфой и там элементы кликабельны, так что можно здесь же непосредственно просмотреть код обработчика или открыть весь скрипт в отладчике. Другой вопрос, что не факт, что тебе это что-то даст. Ну в частности, на том сайте, который ты указал, используется bootstrap, в нем для создания выпадающих списков писать обработчики не требуется, а создаются они вот так Выпадающие элементы. Компоненты · Bootstrap. Версия v4.0.0, таким образом из инструмента разработчика ты узнаешь как обрабатываются интересующие тебя события в самом бутстрапе или в жквери, да еще и увидишь это в варианте скриптов, пропущенном через минимизатор. Честно говоря, даже не знаю, что тебе это даст. 1

@V0fka 86 / 13 / 1 Регистрация: 24.05.2010 Сообщений: 590
	23.09.2019, 11:23 [ТС]
	diadiavova, sash23, спасибо за ответы! 0