2013-06-12 2 views
2

Все изображения: draggable="true".Предотвратите перетаскивание всех изображений, кроме предопределенных изображений (HTML 5)

Как предотвратить все изображения (, а также выбранные пользователем сегменты) на странице, которую можно перетаскивать, за исключением нескольких изображений.

Я ищу динамический код в JS, а не код HTML (по функции addEvent()).

Например: http://html5demos.com/drag вы можете перетаскивать логотип HTML5 внутри изображения корзины, случай, который не должен был произойти.

+0

Вы пробовали 'draggable =" false "'? – robertc

+0

Работает, но проблема заключается не только в изображениях, пользователь может выбрать какой-либо текст на моей странице, а затем перетащить его в область, пригодную для удаления. Как я могу предотвратить перетаскивание вещей на моей странице вообще? Благодарю. – Guy

ответ

2

Prevent the dragstart event:

document.addEventListener('dragstart', function(e) { e.preventDefault(); }); 

Обычный крест событие браузера креплени применить оговорки.

+0

Спасибо за ваш ответ, кажется, это правильный способ сделать это, но теперь я не могу перетащить некоторые изображения, которые я хотел перетащить на первое место. Можно ли проверить в этой функции идентификатор объекта? – Guy

+0

@Guy Затем присоедините прослушиватель событий к изображениям, которые вы не хотите перетаскивать, или к тем страницам, на которые вы не хотите перетаскивать элементы, или напишите функцию «dragstart», которая проверяет, что представляет собой объект, прежде чем принимать решение о том, не разрешать или запрещать перетаскивание. – robertc

+0

Как проверить тип объекта с 'e'? – Guy

Смежные вопросы