Web-дизайн и программирование в Интернет. Макурина Т.А - 43 стр.

UptoLike

ВУЗ: 

ПГУ | Пенза

Составители: 

Рубрика: 

43
использования имен окон.
Лабораторная работа №4
Работа с мышью и клавиатурой
Цель работы: Овладение приемами работы с мышью и клавиатурой для выполнения
разнообразных манипуляций над текстом страницы.
Теоретическая часть
Работа с мышью и клавиатурой, а также таблицы стилей для текста реализуются в
Internet Explorer и Netscape Navigator совершенно по-разному. И хотя все предлагаемые
задания являются общими для обоих браузеров, конкретные их решения будут
различными
.
При выполнении операций с мышью, производимых над документом, могут
возникать следующие события:
• onMouseOver - указатель мыши находится в области окна документа;
• onMouseOut - указатель мыши находится за пределами области окна документа;
• onMouseDown - нажата какая-либо кнопка мыши:
o window.event.button=1- левая;
o window.event.button=2- правая;
o window.event.button=4- средняя;
o window.event.x, window.event.y- координаты точки для указателя мыши;
o window.event.shiftKey=1- для Shift, 2- для Ctrl, 4- для Alt;
• onMouseMove - указатель мыши перемещается.
Имя обработчика такого события для какого-либо объекта состоит из имени этого
объекта, знака подчеркивания и имени события. Затем для некоторых событий могут
следовать круглые скобки.
При работе с мышью в Netscape Navigator также используются события
onMouseDown , onMouseUp, onMouseOver и onMouseOut, но способ их обработки
значительно отличается от Internet Explorer. Обработчикам событий здесь передается
объект event, имеющий следующие атрибуты:
• type - тип события;
• target - объект, которому было послано сообщение о событии;
• layerX - абсцисса указателя относительно слоя, в котором произошло событие;
• layerY - ордината указателя;
• pageX - абсцисса указателя относительно страницы;
• pageY - ордината указателя;
• screenX, screenY - координаты указателя мыши относительно экрана;
• which - ASCII-код нажатой клавиши;
• modifiers - модификаторы клавиш: Alt_Mask, Control_Mask, Shift_Mask, Meta_Mask
;
• data - массив строк, в которых содержатся URL- адреса перемещенных объектов
при обработке события onDragDrop.
Задание
1. Создать Web-страницу с полем вывода, в котором отображается положение
указателя мыши и состояние ее клавиш.
2. Создать произвольную Web- страницу с управляющей кнопкой для выбора всех
элементов этой страницы.
3. Создать Web-страницу с четырьмя гиперссылками, размер каждой из которых
увеличивается
, как только на этой гиперссылке останавливается курсор. 
           использования имен окон.



                          Лабораторная работа №4
                       Работа с мышью и клавиатурой
     Цель работы: Овладение приемами работы с мышью и клавиатурой для выполнения
разнообразных манипуляций над текстом страницы.
     Теоретическая часть
     Работа с мышью и клавиатурой, а также таблицы стилей для текста реализуются в
Internet Explorer и Netscape Navigator совершенно по-разному. И хотя все предлагаемые
задания являются общими для обоих браузеров, конкретные их решения будут
различными.
     При выполнении операций с мышью, производимых над документом, могут
возникать следующие события:
     • onMouseOver - указатель мыши находится в области окна документа;
     • onMouseOut - указатель мыши находится за пределами области окна документа;
     • onMouseDown - нажата какая-либо кнопка мыши:
            o window.event.button=1- левая;
            o window.event.button=2- правая;
            o window.event.button=4- средняя;
            o window.event.x, window.event.y- координаты точки для указателя мыши;
            o window.event.shiftKey=1- для Shift, 2- для Ctrl, 4- для Alt;
     • onMouseMove - указатель мыши перемещается.
     Имя обработчика такого события для какого-либо объекта состоит из имени этого
объекта, знака подчеркивания и имени события. Затем для некоторых событий могут
следовать круглые скобки.
     При работе с мышью в Netscape Navigator также используются события
onMouseDown , onMouseUp, onMouseOver и onMouseOut, но способ их обработки
значительно отличается от Internet Explorer. Обработчикам событий здесь передается
объект event, имеющий следующие атрибуты:
     • type - тип события;
     • target - объект, которому было послано сообщение о событии;
     • layerX - абсцисса указателя относительно слоя, в котором произошло событие;
     • layerY - ордината указателя;
     • pageX - абсцисса указателя относительно страницы;
     • pageY - ордината указателя;
     • screenX, screenY - координаты указателя мыши относительно экрана;
     • which - ASCII-код нажатой клавиши;
     • modifiers - модификаторы клавиш: Alt_Mask, Control_Mask, Shift_Mask, Meta_Mask
         ;
     • data - массив строк, в которых содержатся URL- адреса перемещенных объектов
         при обработке события onDragDrop.
                                           Задание
     1. Создать Web-страницу с полем вывода, в котором отображается положение
указателя мыши и состояние ее клавиш.
     2. Создать произвольную Web- страницу с управляющей кнопкой для выбора всех
элементов этой страницы.
     3. Создать Web-страницу с четырьмя гиперссылками, размер каждой из которых
увеличивается, как только на этой гиперссылке останавливается курсор.


                                                                                  43

Страницы