Чтение онлайн

на главную - закладки

Жанры

JavaScript. Подробное руководство, 6-е издание
Шрифт:

deltaX /= ЗО;

deltaY /= 30;

}

// Если мы когда-нибудь будем получать событие mousewheel или wheel в (будущих

// версиях) Firefox, можно отказаться от обработки события DOMMouseScroll.

if (isFirefox && e.type !== '‘DOMMouseScroll")

frame.removeEventListener("DOMMouseScroll", wheelHandler, false);

// Получить текущие размеры элемента содержимого

var contentbox = content.getBoundingClientRectO;

var contentwidth = contentbox.right - contentbox.left;

var contentheight = contentbox.bottom - contentbox.top;

// Если удерживается нажатой клавиша Alt, изменить размеры фрейма

if (e.altKey) {

if (deltaX) {

framewidth -= deltaX; // Новая ширина фрейма, но не больше,

framewidth = Math.min(framwidth, contentwidth); // чем ширина

framewidth = Math.max(framewidth,50); // содержимого

frame.style.width = framewidth + "px"; // и не меньше 50

}

if (deltaY) {

frameheight -= deltaY; // To же для высоты фрейма

frameheight = Math.min(frameheight, contentheight);

frameheight = Math.max(frameheight-deltaY, 50);

frame.style.height = frameheight + "px";

}

}

else { // Клавиша Alt не нажата, прокрутить содержимое в фрейме

if (deltaX) {

// Прокручивать не больше, чем

var minoffset = Math.min(framewidth-contentwidth, 0);

// Сумма deltaX и contentX, но не меньше, чем minoffset

contentX = Math.max(contentX + deltaX, minoffset);

contentX = Math.min(contentX, 0); // или больше 0

content.style.left = contentX + "px"; // Новое смещение

}

if (deltaY) {

var minoffset = Math.min(frameheight - contentheight, 0);

// Сумма deltaY и contentY, но не меньше, чем minoffset

contentY = Math.max(contentY + deltaY, minoffset);

contentY = Math.min(contentY, 0); // или больше О

content.style.top = contentY + "px"; // Новое смещение.

}

}

// He позволять всплывать этому событию. Предотвратить выполнение действий

// по умолчанию. Это позволит предотвратить прокрутку содержимого документа

// в окне броузера. Будем надеяться, что вызов preventDefault для события wheel

// также предотвратит возбуждение дублирующего события mousewheel.

if (е.preventDefault) е.preventDefault;

if (е.stopPropagation) е.stopPropagation;

e.cancelBubble = true; // модель событий IE

e.returnValue = false; // модель событий IE

return false;

}

}

17.7. События механизма буксировки (drag-and-drop)

В примере 17.2 было показано, как реализовать операцию буксировки элементов мышью. Она позволяет перетаскивать и оставлять элементы в пределах веб-страницы, но истинная буксировка - это нечто иное. Буксировка (drag-and-drop, или DnD)- это интерфейс взаимодействия с пользователем, позволяющий перемещать данные между «источником» и «приемником», которые могут находиться в одном или в разных приложениях. Буксировка (DnD) - это сложный механизм организации взаимодействий между человеком и машиной, и прикладные интерфейсы, реализующие поддержку буксировки, всегда отличались высокой сложностью:

• Они должны взаимодействовать с операционной системой, чтобы обеспечить возможность взаимодействий между различными приложениями.

• Они должны поддерживать такие операции передачи данных, как «перемещение», «копирование» и «создание ссылки», позволять источникам и приемникам ограничивать множество допустимых операций, а также давать пользователям возможность выбирать (обычно с помощью клавиш-модификаторов) операцию из разрешенного набора.

• Они должны предоставлять источнику способ определять ярлык или изображение, которое будет отображаться в процессе буксировки.

Поделиться:
Популярные книги

Личный аптекарь императора. Том 4

Карелин Сергей Витальевич
4. Личный аптекарь императора
Фантастика:
городское фэнтези
попаданцы
аниме
фэнтези
5.00
рейтинг книги
Личный аптекарь императора. Том 4

Последний Паладин. Том 2

Саваровский Роман
2. Путь Паладина
Фантастика:
фэнтези
попаданцы
аниме
5.00
рейтинг книги
Последний Паладин. Том 2

Неучтенный элемент. Том 8

NikL
8. Антимаг. Вне системы
Фантастика:
фэнтези
5.00
рейтинг книги
Неучтенный элемент. Том 8

Черный Маг Императора 20

Герда Александр
20. Черный маг императора
Фантастика:
юмористическое фэнтези
аниме
сказочная фантастика
фэнтези
фантастика: прочее
попаданцы
5.00
рейтинг книги
Черный Маг Императора 20

Л. Пантелеев — Л. Чуковская. Переписка (1929–1987)

Пантелеев Леонид
Документальная литература:
биографии и мемуары
5.00
рейтинг книги
Л. Пантелеев — Л. Чуковская. Переписка (1929–1987)

Ученик. Книга 4

Первухин Андрей Евгеньевич
4. Ученик
Фантастика:
фэнтези
5.67
рейтинг книги
Ученик. Книга 4

Наследие Маозари 9

Панежин Евгений
9. Наследие Маозари
Фантастика:
попаданцы
постапокалипсис
рпг
сказочная фантастика
6.25
рейтинг книги
Наследие Маозари 9

Кодекс Охотника. Книга XIX

Винокуров Юрий
19. Кодекс Охотника
Фантастика:
фэнтези
5.00
рейтинг книги
Кодекс Охотника. Книга XIX

Тринадцатый IX

NikL
9. Видящий смерть
Фантастика:
фэнтези
попаданцы
аниме
сказочная фантастика
5.00
рейтинг книги
Тринадцатый IX

Война

Валериев Игорь
7. Ермак
Фантастика:
боевая фантастика
альтернативная история
5.25
рейтинг книги
Война

Последний Паладин

Саваровский Роман
1. Путь Паладина
Фантастика:
фэнтези
попаданцы
аниме
5.00
рейтинг книги
Последний Паладин

Князь Андер Арес 3

Грехов Тимофей
3. Андер Арес
Фантастика:
рпг
аниме
фэнтези
5.00
рейтинг книги
Князь Андер Арес 3

Справочник логопеда

Коллектив авторов
Научно-образовательная:
медицина
6.25
рейтинг книги
Справочник логопеда

Сирийский рубеж

Дорин Михаил
5. Рубеж
Фантастика:
попаданцы
альтернативная история
5.00
рейтинг книги
Сирийский рубеж