Добавление событий перетаскивания с помощью jQuery

Я использую jQuery для добавления событий dragStart к кнопке.

Вот мой html:

$('.btn-photo').on('dragstart', function (event) {});

<script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id = "SinglePhoto" class = "btn-section btn-photo" draggable = "true"></div>

Это работает в Chrome, но не в Safari. Кто-нибудь знает почему?

В Safari я могу перетащить элемент, но он не показывает, что он перетаскивается. В Chrome я могу перетащить элемент и вижу, как он перетаскивается.

Любая помощь будет принята с благодарностью! Спасибо!

Это реализация браузера ... Очевидно, Chrome лучше Safari и имеет большую поддержку.

— 27.10.2018 00:05

javascript jquery drag-and-drop drag

27.10.2018 00:04

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

1 787

Ответы 1

Я не уверен, что это на 100% правильный способ сделать это, но вы можете попробовать установить изображение перетаскивания с помощью setDragImage в свойстве dataTransfer события:

$('.btn-photo').on('dragstart', function (event) {
    event.preventDefault();
    let img = $(this)[0];
    event.dataTransfer.setDragImage(img, 0, 0);
});

Я также добавил туда event.preventDefault() на случай, если это как-то связано с этим (я не использую Safari, поэтому не могу проверить).

Ссылка

27.10.2018 00:28