JavaScript. Подробное руководство, 6-е издание
Шрифт:
for(var і = 0; і < lists.length; i++)
if (regexp.test(lists[i].className)) dnd(lists[i]);
// Добавляет обработчики событий буксировки в элемент списка
function dnd(list) {
var original_class = list.className; // Сохранить начальный CSS-class
var entered =0; // Вход и выход за границы
// Этот обработчик вызывается, когда буксируемый объект оказывается над списком.
// Он проверяет, содержит ли буксируемый объект данные в поддерживаемом формате.
// и, если это так, отменяет событие, чтобы сообщить, что список готов
// принять объект. В этом случае он также подсвечивает элемент-приемник,
// чтобы показать пользователю, что готов к приему данных,
list.ondragenter = function(e) {
е = е И window.event; // Объект события, стандартный или IE
var from = е.relatedTarget;
// События dragenter и dragleave всплывают, из-за чего сложнее определить,
// когда следует подсвечивать элемент, а когда снимать подсветку в случаях,
// подобных этому, где элемент <ui> содержит дочерние элементы <li>.
// В броузерах, поддерживающих свойство relatedTarget, эту проблему можно решить.
// В других броузерах приходится считать пары событий входа/выхода.
// Если указатель мыши оказался над списком, переместившись из-за его пределов,
// или он оказался над списком впервые, необходимо выполнить некоторые операции
entered++;
if ((from && !ischild(from, list)) || entered == 1) {
// Вся информация о буксируемом объекте находится в объекте dataTransfer
var dt = е.dataTransfer;
// Объект dt.types содержит список типов, или форматов, в которых доступны
// буксируемые данные. Спецификация HTML5 требует, чтобы свойство types имело
// метод contains. В некоторых броузерах это свойство является массивом
// с методом indexOf. В IE версии 8 и ниже оно просто отсутствует,
var types = dt.types; // В каких форматах доступны данные
// Если информация о типах отсутствует или данные доступны в простом
// текстовом формате, подсветить список, чтобы показать пользователю, что он
// готов принять данные, и вернуть false, чтобы известить о том же и броузер,
if (!types || //IE
(types.contains && types.contains("text/plain")) || //HTML5
(types.indexOf && types.indexOf("text/plain")!=-1)) //Webkit
{
list.className = original_class + " droppable";
return false;
}
// Если тип данных не поддерживается, мы не сможем принять их return;
// без отмены
}
return false; // Если это не первое вхождение, мы по-прежнему готовы
};
// Этот обработчик вызывается в ходе буксировки объекта над списком.
// Этот обработчик должен быть определен, и он должен возвращать false,
// иначе сброс объектов будет невозможен,
list.ondragover = function(e) { return false; };
// Этот обработчик вызывается, когда буксируемый объект выходит за границы списка
// или за границы одного из его дочерних элементов. Если объект действительно
// покидает границы списка (а не границы одного из его элементов),
// то нужно снять подсветку списка,
list.ondragleave = function(e) {
е = е || window.event;
var to = e.relatedTarget;
// Если буксируемый объект покидает границы списка или если количество выходов
Поделиться:
Популярные книги
Личный аптекарь императора. Том 4
4. Личный аптекарь императора
Фантастика:
городское фэнтези
попаданцы
аниме
фэнтези
5.00
рейтинг книги
Последний Паладин. Том 2
2. Путь Паладина
Фантастика:
фэнтези
попаданцы
аниме
5.00
рейтинг книги
Неучтенный элемент. Том 8
8. Антимаг. Вне системы
Фантастика:
фэнтези
5.00
рейтинг книги
Черный Маг Императора 20
20. Черный маг императора
Фантастика:
юмористическое фэнтези
аниме
сказочная фантастика
фэнтези
фантастика: прочее
попаданцы
5.00
рейтинг книги
Л. Пантелеев — Л. Чуковская. Переписка (1929–1987)
Документальная литература:
биографии и мемуары
5.00
рейтинг книги
Ученик. Книга 4
4. Ученик
Фантастика:
фэнтези
5.67
рейтинг книги
Наследие Маозари 9
9. Наследие Маозари
Фантастика:
попаданцы
постапокалипсис
рпг
сказочная фантастика
6.25
рейтинг книги
Кодекс Охотника. Книга XIX
19. Кодекс Охотника
Фантастика:
фэнтези
5.00
рейтинг книги
Тринадцатый IX
9. Видящий смерть
Фантастика:
фэнтези
попаданцы
аниме
сказочная фантастика
5.00
рейтинг книги
Война
7. Ермак
Фантастика:
боевая фантастика
альтернативная история
5.25
рейтинг книги
Последний Паладин
1. Путь Паладина
Фантастика:
фэнтези
попаданцы
аниме
5.00
рейтинг книги
Князь Андер Арес 3
3. Андер Арес
Фантастика:
рпг
аниме
фэнтези
5.00
рейтинг книги
Справочник логопеда
Научно-образовательная:
медицина
6.25
рейтинг книги
Сирийский рубеж
5. Рубеж
Фантастика:
попаданцы
альтернативная история
5.00