JQuery переопределение текста, события перетаскивания изображения (картинки) на textarea - drag & drop
Primary tabs
Предположим что у нас есть конструкция вроде:
<a class="popup_image"> <img width="40px" src="/images/lble/2A92.jpg" class="drugableimg"> </a>
И мы хотим переопределить событие перетаскивания подобного элемента (drag) на какой-нибудь другой - в частности, хотим изменить текст который отображается при перетаскивании картинки на веб-странице на какую-нибудь текстовую область textarea.
Чтобы изменить данный текст средствами JQuery достаточно использовать такой JavaScript:
/** * Извлечёт src дочерней картинки блока * как результат её "забрасывания" перетаскиванием * на textarea * * @param {string} key - идентификартор блока - например: a.popup_ima * @returns {undefined} */ function activeDragableForImageSrc(key){ $(key).on("dragstart", function(event) { event.originalEvent.dataTransfer.setData('text', $(this).children("img").attr('src')); }); } activeDragableForImageSrc("a.popup_image");
В данном случае здесь мы получаем не полный src с именем сайта, а лишь тот, который реально указан для дочернего img (а он может быть составлен относительно корня сайта - как в примере выше:
/images/lble/2A92.jpg
)
- Log in to post comments
- 5073 reads