Как переписать события из jQuery на чистом Javascript?

Question

[Leonid Fedotov]

Есть два события на jQuery:

var $el = $('body');
var eventmm = jQuery.Event("mousemove",{
   which: 1,
   pageX: 10,
   pageY: 20
});
$el.trigger(eventmm);

и

var e = new jQuery.Event("click");
e.pageX = 10;
e.pageY = 10;
$("#elem").trigger(e);

Не удаётся найти простое решение таких событий на чистом JS.

Answer 1

[IceJOKER]

onclick | onmousemove ?
Простое решение как раз на jQuery, он упрощает работу с JS

Comments

[Leonid Fedotov]

Это конечно прекрасно, но когда пишешь модуль для nw.js, иногда jQuery бывает лишним

[Dark Hole]

Leonid Fedotov: я могу подсказать, или уже не нужно?

[Leonid Fedotov]

Dark Hole: Если Вы будете так любезны

[Dark Hole]

Leonid Fedotov: нужно
var body = document.body;
body.addEventListener('mousemove', function(o){});
Аналогично
var elem = document.getElementById('elem');
elem.addEventListener('click', function(o){});
Дальше объяснять?

[Leonid Fedotov]

Dark Hole: если я не ошибаюсь, здесь вы слушаете на предмет событий?

[Dark Hole]

Leonid Fedotov: да. В случае возникновения события выполняется функция, которую вы передали. Ей дается объект события

Answer 2

[Александр Таратин]

https://developer.mozilla.org/ru/docs/Web/Guide/Ev...

Comments

[Leonid Fedotov]

Я не вижу там кликов по координатам, к сожалению

[Александр Таратин]

Leonid Fedotov: https://developer.mozilla.org/en-US/docs/Web/API/D...
И дальше диспатчим клик на нужном элементе.

[Leonid Fedotov]

Александр Таратин: дык задачка диспатчить клик не на элементе, а по абстрактным координатам внутри заданного dom. А по Вашей ссылке мы сначала получаем элемент из координат, а потом только по нему искусственно кликаем.
Если посмотреть на мой пример в вопросе, то там видно что сначала получаем элемент, внутри которого будем кликать, а потом эмулируем событие либо движения мыши, либо клика по заданным координатам. Вполне возможно что в этих координатах будет пустота, поэтому искать элемент там элемент не имеет никакго смысла :) Однако, за такую вкусную функцию спасибо, не знал о такой :D

[Александр Таратин]

Leonid Fedotov: >Если посмотреть на мой пример в вопросе, то там видно что сначала получаем элемент, внутри которого будем кликать, а потом эмулируем событие либо движения мыши, либо клика по заданным координатам.

А какая разница?

[Александр Таратин]

Leonid Fedotov: Пустоты не будет никогда, получите корневой элемент body или его контейнер (тип контейнера зависит от браузера).

[Leonid Fedotov]

Александр Таратин: хорошо. Давайте рассмотрим задачу с другого угла. Предположим, у меня есть Яндекс.Метрика, которая слушает все события, которые происходят на странице, включая движения и клики мыши по координатам. И если мы будем диспатчить преложенные Вами события через координаты объектов, то получим весьма странную картину - в Метрике мышка будет скакать по экрану, а клики будут происходить по верхнему левому углу элемента. Совсем другое дело, если мы будем эмулировать движение и клики через координаты.

[Leonid Fedotov]

Александр Таратин: Да, контейнер есть всегда, только как я написал выше, при диспатчинге Вашего события мы получим не клик, по заданным координатам, а клик по расположению верхней левой точки объекта, который будет лежать среди заданных нами координатах

[Александр Таратин]

Leonid Fedotov:
https://stackoverflow.com/questions/6157929/how-to...
Гуглить initMouseEvent туда можно прописать глобальные и локальные координаты мыши. Как перевести глобальные в локальные координаты элемента, думаю тоже разберетесь.