WedX - журнал о программировании и компьютерных науках

Перетащите текст над DIV

У меня есть div на моем веб-сайте, и при нажатии на него открывается окно поиска (выполняется с помощью jQuery).

Однако я бы хотел, чтобы этот div принимал перетаскиваемый текст. В моем случае пользователь выбирает обычный текст из любого места на сайте и перетаскивает его, чтобы скопировать и вставить в поле поиска.

Если бы поле поиска было всегда видимым, он мог бы просто перетащить его в текстовое поле, изначально обрабатываемое браузером / ОС. Однако есть ли способ смоделировать то же самое с этим div? Пользователь перетаскивал свой текст в div, и он запускал событие щелчка, чтобы показать текстовое поле и вставить перетаскиваемый текст в поле.

На моем веб-сайте используются Modernizr + jQuery + jQuery UI и HTML5 / CSS3. Совместимость с IE6 - не проблема.

Заранее спасибо!

javascript drag-and-drop jquery
24.09.2011

  • Этот вопрос касается аналогичной темы. 24.09.2011
  • Я видел эту тему, но она требует, чтобы перетаскиваемый текст находился в определенном контейнере, который затем становится перетаскиваемым (), тогда как я говорю о любом старом обычном тексте, который вы выделяете и перетаскиваете. Я уже пробовал применить droppable () к div, и событие drop, похоже, не срабатывает. 24.09.2011
  • Возможно, сработает комбинация mouseover, mouseup и document.getSelection. См. stackoverflow.com/questions/1317727/ 24.09.2011

Ответы:


1

Вы можете использовать события HTML5 Drag and Drop:

$('#dropTextHere').bind('drop', function (e) {
    var theDroppedText = e.originalEvent.dataTransfer.getData('Text');
});

Подробнее об этом можно узнать здесь.

24.09.2011
Новые материалы
Объяснение документов 02: BERT
BERT представил двухступенчатую структуру обучения: предварительное обучение и тонкая настройка. Во время предварительного обучения модель обучается на неразмеченных данных с помощью..
Как проанализировать работу вашего классификатора?
Не всегда просто знать, какие показатели использовать С развитием глубокого обучения все больше и больше людей учатся обучать свой первый классификатор. Но как только вы закончите..
Работа с цепями Маркова, часть 4 (Машинное обучение)
Нелинейные цепи Маркова с агрегатором и их приложения (arXiv) Автор : Бар Лайт Аннотация: Изучаются свойства подкласса случайных процессов, называемых дискретными нелинейными цепями Маркова..
Crazy Laravel Livewire упростил мне создание электронной коммерции (панель администратора и API) [Часть 3]
Как вы сегодня, ребята? В этой части мы создадим CRUD для данных о продукте. Думаю, в этой части я не буду слишком много делиться теорией, но чаще буду делиться своим кодом. Потому что..
Использование машинного обучения и Python для классификации 1000 сезонов новичков MLB Hitter
Чему может научиться машина, глядя на сезоны новичков 1000 игроков MLB? Это то, что исследует это приложение. В этом процессе мы будем использовать неконтролируемое обучение, чтобы..
Учебные заметки: создание моего первого пакета Node.js
Это мои обучающие заметки, когда я научился создавать свой самый первый пакет Node.js, распространяемый через npm. Оглавление Глоссарий I. Новый пакет 1.1 советы по инициализации..
Забудьте о Matplotlib: улучшите визуализацию данных с помощью умопомрачительных функций Seaborn!
Примечание. Эта запись в блоге предполагает базовое знакомство с Python и концепциями анализа данных. Привет, энтузиасты данных! Добро пожаловать в мой блог, где я расскажу о невероятных..
Для любых предложений по сайту: [email protected]