Есть ли способ разрешить моему сайту перетаскивать элемент DOM с помощью правой кнопки мыши? Согласно этой ссылке MDN, событие drag
имеет свойство buttons
то есть 1 для щелчка левой кнопкой мыши, 2 для щелчка правой кнопкой мыши и 3 для обоих. Поэтому я написал что-то действительно простое для тестирования:
data:text/html, <div id="draggable" draggable="true" ondrag="console.log(event.buttons)" oncontextmenu="return false">Drag This</div>
Когда я перетаскиваю этот div левой кнопкой, он выводит 1 на консоль (неоднократно, поскольку событие ondrag
постоянно срабатывает во время перетаскивания). Когда я пытаюсь перетащить его правой кнопкой, ничего не происходит - я не могу перетащить его. Когда я начинаю перетаскивать его левой кнопкой, затем удерживаю левую и правую кнопки, он печатает 3. Если я делаю это, а затем отпускаю левую кнопку и держу только правую, перетаскивание сразу заканчивается.
Есть ли способ разрешить перетаскивание элементов с помощью правой кнопки мыши?
(Я использую последнюю стабильную версию Chrome, если это имеет значение.)