mouseover и dragstart имеют разные цели

Question 1

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

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

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

javascript jquery

1

Willing Blueberry 15 Июн 2017 в 22:49

1

Нужно больше кода, чем это.

–

TGarrett

15 Июн 2017 в 22:50

1

В любом случае нужна дополнительная информация, посмотрите stopPropagation ();

–

hamboy75

15 Июн 2017 в 22:54

Answer

Ваш 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

Question 2

Ваш 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

mouseover и dragstart имеют разные цели

1 ответ

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

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

Похожие вопросы

Связанные вопросы

Новые вопросы

javascript