HTML5 - перетащите N Drop с помощью div-ов и внутренних изображений - PullRequest
Новая
       17

HTML5 - перетащите N Drop с помощью div-ов и внутренних изображений

2 голосов
/ 11 августа 2011

У меня есть этот тип элемента: 

<div draggable="true" id="item" style="margin:20px;background:red;height:400px;width:400px;">
    <a href="#" target="_blank">
        <img style="margin:40px;" src="http://www.placekitten.com/100/100" alt="">
    </a>
</div>

Я хочу иметь возможность:

  1. Перетаскивать весь div, даже если я нажимаю на / anchorimage (перед

1 Ответ

6 голосов
/ 24 августа 2011

В соответствии с черновой спецификацией редактора HTML5 изображения и привязки с элементом href являются элементами, которые по умолчанию можно перетаскивать. Ваш якорь, вероятно, захватывает событие dragstart, предотвращая его получение div'ом. Попробуйте установить draggable = "false" для элементов <img> и <a>. 

<div draggable="true" id="item" style="margin:20px;background:red;height:400px;width:400px;">
<a href="#" target="_blank" draggable="false">
    <img style="margin:40px;" src="http://www.placekitten.com/100/100" alt="" draggable="false">
</a>

Ваша скрипка даже не работает, перетаскивая для меня элемент img в Chrome под Ubuntu, поэтому у вас могут быть другие проблемы, кроме этого.

...