MutationObserver не перехватывает программные события

@Andy_kun · Регистрация: 05.08.2022

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

Подскажите пожалуйста, вот ставлю MutationObserver на элемент к примеру ввода. Затем просто веду курсор мышки на элемент ввода и MutationObserver - срабатывает.

Но, когда я заменяю движение курсора мышки на:

JavaScript
1
2
3
4
5
6
7
let my_coord = my_elem.getBoundingClientRect();
 
let event_mousemove = new Event('mousemove');
my_elem.dispatchEvent(event_mousemove, {clientX:my_coord.x, clientY:my_coord.y});
 
 
my_elem.click();

То MutationObserver - совершенно не реагирует. Но почему ?

@mr_dramm · 15.08.2022, 17:40

MutationObserver - смотрит на мутации / изменения в dom

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

Подскажите пожалуйста, вот ставлю MutationObserver на элемент к примеру ввода. Затем просто веду курсор мышки на элемент ввода и MutationObserver - срабатывает.

У вас какой то особенный элемент ввода, который при наведени на него курсора что-то меняет в dom и потому нужен полный код вашего примера.

С обычным элементом input

HTML5
1
<input id="inputElement" type="text">

это не нормальное поведение для MutationObserver, т.е. он не должен реагировать на курсор

@Andy_kun · 15.08.2022, 17:54 **[ТС]**

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

MutationObserver - смотрит на мутации / изменения в dom

У вас какой то особенный элемент ввода

Это не мой элемент ввода. Это элемент ввода на сайте.
И да все верно - DOM меняется при наведнее курсора на поле ввода - физически.
А вот программное не работает.

@Balanaar · 16.08.2022, 12:49

Andy_kun, покажите конфиг MutationObserver

@Andy_kun · 16.08.2022, 13:01 **[ТС]**

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

Andy_kun, покажите конфиг MutationObserver

Что значит конфиг MutationObserver ?

@Balanaar · 16.08.2022, 14:08

Как вы инициализируете этот объект и подписываете его на изменения?

@Eva Rosalene · 16.08.2022, 15:43

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

DOM меняется при наведнее курсора на поле ввода - физически.
А вот программное не работает.

https://developer.mozilla.org/... /isTrusted

@Andy_kun · 16.08.2022, 16:25 **[ТС]**

Сообщение от Eva Rosalene

https://developer.mozilla.org/... /isTrusted

Вот жешь какая западлянка. И никак это не обойти ? Изменить значение isTrusted - можно ?

@Eva Rosalene · 16.08.2022, 16:28

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

Изменить значение isTrusted - можно ?

Из клиентского JS - точно нет. Из расширения - надо проверить, не факт, конечно, но вдруг.

Новые блоги и статьи Все статьи Все блоги /
BOINC: 22 года — и всё ещё работает Programma_Boinc 12.03.2026 BOINC: 22 года — и всё ещё работает Дэвид Андерсон написал ретроспективу. Кратко: в 2001 году он ушёл из United Devices, где был CTO, и за несколько месяцев написал ядро BOINC — клиент, сервер,. . .	SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .
Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .	Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .

@Balanaar 2463 / 1769 / 625 Регистрация: 11.07.2016 Сообщений: 4,067
	16.08.2022, 12:49
	Andy_kun, покажите конфиг `MutationObserver` 0

@Balanaar 2463 / 1769 / 625 Регистрация: 11.07.2016 Сообщений: 4,067
	16.08.2022, 14:08
	Как вы инициализируете этот объект и подписываете его на изменения? 0

MutationObse­­­rver не перехватывае­­­т программные события

MutationObserver не перехватывает программные события