0

Я разрабатываю расширения, которые добавляют код js в сторонний сервис и автоматически заполняют форму для клиента.

Мне нужно вызвать клик по конкретному элементу на сайте, я перепробовал все варианты запуска событий и не нашел решения. Может кто знает, какие еще есть варианты вызова Click?

Сайт реализован на knockoutjs и здесь находится html-компонент этого элемента (возможно, это будет полезно)

<div role="treeitem" class="fxc-dropdown-option msportalfx-tooltip-overflow fxs-portal-hover" data-bind="&quot;attr&quot;:{&quot;aria-selected&quot;:ko.unwrap($disabled) ? null : $ctl._isSelected($data.value).toString(),&quot;id&quot;:$ctl._assignId(),&quot;aria-disabled&quot;:$disabled,&quot;aria-label&quot;:ko.unwrap($data.ariaLabel) || null},&quot;css&quot;:{&quot;fxc-dropdown-option-disabled&quot;:$disabled,&quot;fxs-portal-hover&quot;:!ko.unwrap($disabled),&quot;fxs-portal-selected&quot;:$ctl._isSelected($data.value)}" aria-selected="false" id="">

Также те функции которые я использовал и они не помогли (Проблема точно не связана с селектором)

selector.click();
$(selector).click();
$(selector).change();
$(selector).trigger( "click" );
1
  • document.querySelector('selector').dispatchEvent(new MouseEvent('click')); Commented 3 февр. 2020 в 14:17

2 ответа 2

1

document.querySelector('#a').addEventListener('click', () => {console.log('clicked')});

document.querySelector('#a').click();
<div id="a"></div>

Вот так можно на любой элемент "ткнуть" :) Может быть у тебя там какая-то особенная ситуация, конечно. Но программно вот так можно что угодно кликнуть.

1
  • Спасибо, но это решения я упомянул в описании как нерабочие( Commented 3 февр. 2020 в 16:21
0

Для этого используется класс Event

const event = new Event('click')
const dropdownEl = document.querySelector('.dropdown')

dropdownEl.addEventListener('click', () => console.log('Dropdown clicked!'))
dropdownEl.dispatchEvent(event)
<button class="dropdown">Click At Me!</button>

Тут хорошо описано:
https://learn.javascript.ru/dispatch-events

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.