Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Unix.docx
Скачиваний:
1
Добавлен:
01.03.2025
Размер:
1.91 Mб
Скачать

Использование объекта event в обработчике события

Объект event используется в JavaScript версии 1.2 и выше. Это специальный объект, который отправляется в обработчик событий при возникновении любого события. Обработчик события получает этот объект в виде параметра. Свойства объекта event содержат данные о событии, которое произошло. Ниже приведен список всех свойств объекта event (для Microsoft Internet Explorer):

  • type. Это тип произошедшего события, например mouseover.

  • keyCode. Код нажатой пользователем клавиши.

  • altKey. Принимает значение true, если удерживается клавиша "alt" и false в противном случае.

  • ctrlKey. Принимает значение true, если удерживается клавиша "ctrl" и false в противном случае.

  • shiftKey. Принимает значение true, если удерживается клавиша "shift" и false в противном случае.

  • button. Код нажатой кнопки мыши.

  • X и Y. Это координаты указателя мыши вдоль оси X и Y. Начало координат находится в левом верхнем углу окна Web-браузера.

  • screenX и screenY. Это координаты указателя мыши вдоль оси X и Y. Начало координат находится в левом верхнем углу экрана.

Пример использовашк объекта Event для определения нажатой клавиши:

<HTML> <BODY onkeypress="window.alert('Вы нажали клавишу: '+String.fromCharCode(event.keyCode));"> </BODY> </HTML>

Создание пользовательских объектов

В JavaScript можно использовать встроенные объекты Web-браузера, аналогично тому, как это описывалось в лекции по VBScript, а можно создавать и собственные объекты и даже добавлять новые свойства и методы во встроенные объекты Web-браузера.

Создание собственного объекта происходит следующим образом:

1) Задается функция-конструктор объекта, инициализирующий его свойства и методы. Пример: function Cartochka ( name, address, telefon ) {

this.name = name; this.address = address; this.telefon = telefon; this . printMetod = printMetod; }

2) Описываются методы объекта, заданные в конструкторе. Пример: function printMetod ( ) {

i=this.name+"<BR>"+this.adres+"<BR>"+this.telefon+"<BR>" ; documentwriteln ( i ) ; }

3) Создание экземпляра объекта. Пример:

Ivan = new Cartochka ("Иван", "Мелитополь","555-00-00");

4) Использование свойств и методов объекта. Пример: Ivan.telefon = "03"; Ivan.printMetod();

Полный текст соответствующего HTML-документа приведен ниже: <HTML> <BODY> <SCRIPT LANGUAGE="JavaScript"> function printMetod ( ) {

i=this.name+"<BR>"+this.adres+"<BR>"+this.telefon+"<BR>" documentwriteln(i) }

function Cartochka ( name, adres, telefon ) {

this.name = name; this.adres = adres; this.telefon = telefon;

this.printMetod = printMetod; }

Ivan = new Cartochka ("Иван", "Мелитополь","555-00-00"); Ivan.telefon = "03"; Ivan.printMetod(); </SCRIPT> </BODY> </HTML>

Создание иерархии подчиненных объектов реализуется аналогично Java: в конструкторе объекта верхнего уровня записывается свойство, которое создает и указывает на объект нижнего уровня. Таким образом, создавая объект верхнего уровня, автоматически создается вся иерархия подчиненных объектов. В приве­денном ниже примере, объект верхнего уровня kniga1, содержит массив подчиненных объектов Cartochka: function Kniga ( ) { this . stranica = new Array (2);

this . stranica[0] = new Cartochka ("Иван", "Мелитополь","555-00-00"); this . stranica[1] = new Cartochka ("Петр", "Мелитополь","555-00-01"); this . stranica[2] = new Cartochka ("Игорь", "Мелитополь","555-00-02");

}

kniga1 = new Kniga ( );

kniga1. stranica[1].name = "Иванов";

kniga1. stranica[1].printMetod();

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]