Я имею дело с HTML в следующем формате:

<a href = xxx> <div> div1 </div> <div> div2 </div> </a>

Когда я наводил указатель мыши на первый div, целью моего события mouseover является div, но когда я перетаскиваю div, целью становится тег в целом. Есть ли способ установить цель перетаскивания на div, но не на всю ссылку?

1
Willing Blueberry 15 Июн 2017 в 22:49
1
Нужно больше кода, чем это.
 – 
TGarrett
15 Июн 2017 в 22:50
1
В любом случае нужна дополнительная информация, посмотрите stopPropagation ();
 – 
hamboy75
15 Июн 2017 в 22:54

1 ответ

Лучший ответ

Ваш HTML кажется недействительным

ССЫЛКА: HTML 5 утверждает, что элемент «может быть обернут вокруг целых абзацев, списков, таблиц и т. Д., Даже целых разделов, если внутри нет интерактивного содержимого (например, кнопок или других ссылок)».

ССЫЛКА: Правильно ли помещать div внутри привязки?

Добавить draggable="true" к элементу (функция HTML5)

перетаскиваемый

Глобальный атрибут draggable - это перечислимый атрибут, который указывает, можно ли перетащить элемент с помощью API перетаскивания HTML. Может иметь следующие значения:

true , что означает, что элемент можно перетаскивать.

false , что указывает на то, что элемент нельзя перетаскивать.

ССЫЛКА: https://developer.mozilla.org/en- США / docs / Web / HTML / Global_attributes / draggable

<a href="">
  <div draggable="true"> div1 </div>
</a>
<a href="">
  <div draggable="true"> div2 </div>
</a>
0
Dalin Huang 16 Июн 2017 в 02:36
Спасибо за ответ. Но на самом деле я хочу перетащить только div, а не всю ссылку. Я добавил draggable = true динамически при наведении курсора мыши.
 – 
Willing Blueberry
16 Июн 2017 в 00:16
Как насчет обновленного решения? Кроме того, у вас недействительный HTML-код, вам не следует оборачивать интерактивный элемент внутри <a>, проверьте мой обновленный ответ для получения дополнительной информации
 – 
Dalin Huang
16 Июн 2017 в 02:38