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

<b>                                  0; // свойство не определено</b>

<b>    // Большинство броузеров генерируют одно событие со значением 120</b>

<b>    // на один щелчок колесика. Однако похоже, что мыши компании Apple</b>

<b>    // более чувствительные, и значения свойств delta часто оказываются</b>

 // в несколько раз больше 120, по крайней мере, для Apple Mouse.

<b>    // Использовать прием проверки типа броузера, чтобы решить эту проблему,</b>

 if (isMacWebkit) { 

 deltaX /= ЗО;

 deltaY /= 30;

 }

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

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

 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;

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

 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"; // Новое смещение.

 }

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

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

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

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

 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) - это сложный механизм организации взаимодействий между человеком и машиной, и прикладные интерфейсы, реализующие поддержку буксировки, всегда отличались высокой сложностью: