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

@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, спасибо за ответы!

Новые блоги и статьи Все статьи Все блоги /
Программный контроль заполнения реквизита табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита "ПричинаСписания". . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .	Вывод данных в справочнике через динамический список Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .
Программное заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .	Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем

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

	Как/где назначен обработчик клика? 12.09.2019, 10:05. Показов 1159. Ответов 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 7261 / 2608 / 745 Регистрация: 11.04.2015 Сообщений: 4,155 Записей в блоге: 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