Size: a a a

JavaScript — русскоговорящее сообщество

2020 April 09

НК

Назар Калитюк in JavaScript — русскоговорящее сообщество
Ilgiz Sharafutdinov
кто в может подкинуть идеи как сделать так чтоб страница не скролилась при наведении на блок но сам блок как обычно скролился. например карта на странице на нее наводишь и скролл работает только с ней. как это реализовано?
overflow: scroll
источник

IS

Ilgiz Sharafutdinov in JavaScript — русскоговорящее сообщество
тогда страница будет скакать не? если hidden
источник

D

Djem in JavaScript — русскоговорящее сообщество
Всем привет, подскажите плз, как можно реализовать ручной штангенциркуль(линейку)? график html5 canvas
https://cdn1.savepice.ru/uploads/2020/4/9/7f2fb18221255380ea71aee63d18e00c-full.jpg
источник

AT

Alexey Tuychiev in JavaScript — русскоговорящее сообщество
Djem
Всем привет, подскажите плз, как можно реализовать ручной штангенциркуль(линейку)? график html5 canvas
https://cdn1.savepice.ru/uploads/2020/4/9/7f2fb18221255380ea71aee63d18e00c-full.jpg
Ну тут сложно ответить. Есть какие то наработки? В чем конкретно сложность, нарисовать или вычислить время между точками?
источник

ТХ

Тимур Хасанов in JavaScript — русскоговорящее сообщество
Подскажите пожалуйста, как сделать эмуляцию действия Drag and Drop элемента div#file на элемент div#folder?

Почти все найденное, это о том, как создать возможность перетаскивания для пользователя. На два найденных подобно моему вопросу, либо отправляют на Selenium, либо draggable и dropzone у JQuery (опять же, примеры идут в сторону реализации интерфейса, а не эмуляции мыши)
источник

ТХ

Тимур Хасанов in JavaScript — русскоговорящее сообщество
Возможно ли вообще сделать эмуляцию подобно клику по элементу, как в данном коде? Через последовательность event'ов

function click(targetNode) {
 if (targetNode) {
   //--- Симуляция нажатия
   triggerMouseEvent (targetNode, "mouseover");
   triggerMouseEvent (targetNode, "mousedown");
   triggerMouseEvent (targetNode, "mouseup");
   triggerMouseEvent (targetNode, "click");
 }
 else
   console.log ("*** Target node not found!");
}

function triggerMouseEvent (node, eventType) {
   var clickEvent = document.createEvent ('MouseEvents');
   clickEvent.initEvent (eventType, true, true);
   node.dispatchEvent (clickEvent);
}
источник

D

Djem in JavaScript — русскоговорящее сообщество
Alexey Tuychiev
Ну тут сложно ответить. Есть какие то наработки? В чем конкретно сложность, нарисовать или вычислить время между точками?
Нарисовать, чтобы пользователь сам мог выбирать точки А и Б
источник

t

th.witness in JavaScript — русскоговорящее сообщество
Тимур Хасанов
Возможно ли вообще сделать эмуляцию подобно клику по элементу, как в данном коде? Через последовательность event'ов

function click(targetNode) {
 if (targetNode) {
   //--- Симуляция нажатия
   triggerMouseEvent (targetNode, "mouseover");
   triggerMouseEvent (targetNode, "mousedown");
   triggerMouseEvent (targetNode, "mouseup");
   triggerMouseEvent (targetNode, "click");
 }
 else
   console.log ("*** Target node not found!");
}

function triggerMouseEvent (node, eventType) {
   var clickEvent = document.createEvent ('MouseEvents');
   clickEvent.initEvent (eventType, true, true);
   node.dispatchEvent (clickEvent);
}
Клики, которые ты создаёшь в коде, имеют свойство isTrusted = false

https://developer.mozilla.org/ru/docs/Web/API/Event/isTrusted
источник

t

th.witness in JavaScript — русскоговорящее сообщество
th.witness
Клики, которые ты создаёшь в коде, имеют свойство isTrusted = false

https://developer.mozilla.org/ru/docs/Web/API/Event/isTrusted
источник

ТХ

Тимур Хасанов in JavaScript — русскоговорящее сообщество
th.witness
Клики, которые ты создаёшь в коде, имеют свойство isTrusted = false

https://developer.mozilla.org/ru/docs/Web/API/Event/isTrusted
Но это, в отличии от .click(), наоборот сработало
источник

t

th.witness in JavaScript — русскоговорящее сообщество
Тимур Хасанов
Но это, в отличии от .click(), наоборот сработало
Твой код выше сработал?
источник

ТХ

Тимур Хасанов in JavaScript — русскоговорящее сообщество
Да
источник

t

th.witness in JavaScript — русскоговорящее сообщество
Тимур Хасанов
Но это, в отличии от .click(), наоборот сработало
Раз сработало, то да, можно.
источник

ТХ

Тимур Хасанов in JavaScript — русскоговорящее сообщество
th.witness
Раз сработало, то да, можно.
На сайте, где у меня возникают периодически монотонные действия, я уже привык иногда решать это эмуляцией. Недавно столкнулся с частью интерфейса, который не реагировал на .click() и помог последовательный вызов всех событий. Но сейчас нужно эмулировать перетаскивание. Примеров вообще не нахожу
источник

t

th.witness in JavaScript — русскоговорящее сообщество
Тимур Хасанов
На сайте, где у меня возникают периодически монотонные действия, я уже привык иногда решать это эмуляцией. Недавно столкнулся с частью интерфейса, который не реагировал на .click() и помог последовательный вызов всех событий. Но сейчас нужно эмулировать перетаскивание. Примеров вообще не нахожу
Пропусти шаги перетаскивания и сразу расположи там, где нужно :/
источник

t

th.witness in JavaScript — русскоговорящее сообщество
А, или это не твой сайт?
источник

ТХ

Тимур Хасанов in JavaScript — русскоговорящее сообщество
th.witness
А, или это не твой сайт?
Не мой. Я просто пользователь. Проинспектировать не получилось, да и не силён в этом. Иду в лоб
источник

ТХ

Тимур Хасанов in JavaScript — русскоговорящее сообщество
Я могу сделать юзерскрипт
источник

t

th.witness in JavaScript — русскоговорящее сообщество
Тимур Хасанов
Не мой. Я просто пользователь. Проинспектировать не получилось, да и не силён в этом. Иду в лоб
Что происходит с DOM, когда ты перетаскиваешь? Див #file становится ребёнком #folder?
источник

t

th.witness in JavaScript — русскоговорящее сообщество
Покажи тот DOM.
источник