[Содержание] [Предыдущая] [Следующая] [Индекс]

onClick

 Выполняет код JavaScript, когда происходит событие щелчка; то есть когда объект на форме нажат. (Событие Click это комбинация событий MouseDown и MouseUp).

Обработчик события для объектов Button, document, Checkbox, Link, Radio, Reset, Submit
Реализовано в Navigator 2.0
Navigator 3.0: добавлена способность при возврате false отменять действие, связанное с событием щелчка

Синтаксис

onClick="handlerText"

Параметры

 

handlerText
 Код JavaScript или запрос к функции JavaScript.

Используемые свойства события

type
 Указывает тип события. 
target
 Указывает объект, которому событие было первоначально послано.
Когда нажата ссылка,
layerX, layerY,
pageX, pageY,
screenX, screenY		 Представляют положение курсора в момент происхождения события. 
which
 Представляет 1 для щелчка левой кнопкой мыши и 3 для щелчка правой кнопкой мыши. 
modifiers
 Содержит список клавиш модификаторов, удержываемых на нужном уровне, когда событие произошло.

Описание

Для переключателей, ссылок, "радио" кнопок, кнопок сброса и представляющих на рассмотрение кнопок onClick может возвратить false, чтобы отменить действие, обычно связанное с событием click.

Например, следующий код создает ссылку, которая, когда нажата, показывает диалоговое окно подтверждения. Если пользователь щелкает ссылку, и затем выбирает отмену, страница, определенная ссылкой не загружается.

<A HREF = "http://home.netscape.com/"
   onClick="return confirm('Загрузить домашнюю страницу Netscape?')">
Netscape</A>
Если обработчик события возвращает false, заданное по умолчанию действие объекта отменяется следующим образом:

Примеры

 Пример 1: Вызывает функцию, когда пользователь нажимает кнопку. Предположим, что Вы создали функцию JavaScript с именем compute. Вы можете выполнить функцию compute, когда пользователь нажимает кнопку, вызывая функцию в обработчике события onClick, следующим образом:

<INPUT TYPE="button" VALUE="Вычислить" onClick="compute(this.form)">
В предшествующем примере, ключевое слово this ссылается на текущий объект; в этом случае, кнопка Вычислить. Конструкция this.form обращается к форме, содержащей кнопку.

Для другого примера, предположим, что Вы создали функцию JavaScript с именем pickRandomURL, которая позволяет Вам выбирать URL произвольно. Вы можете использовать onClick, чтобы определить значение аттрибута HREF тэга A динамически, как показано в следующем примере:

<A HREF=""
   onClick="this.href=pickRandomURL()"
   onMouseOver="window.status='Выберите случайный URL'; return true">
Вперед!</A>
В вышеупомянутом примере, onMouseOver определяет заказное сообщение для строки состояния браузера, когда пользователь помещает указатель поверх якоря Вперед!. Как показывает этот пример, Вы должны возвратить true, чтобы установить свойство window.status в обработчике события onMouseOver.

Пример 2: Отменяет выбор переключателя. Следующий пример создает переключатель с onClick. Обработчик события показывает подтверждение, которое предупреждает пользователя, что выбор переключателя удалит все файлы. Если пользователь выбирает Отменить, onClick возвращает false и переключатель не выбирается.

<INPUT TYPE="checkbox" NAME="check1" VALUE="check1"
   onClick="return confirm('Это производит удаление всех Ваших файлов. Вы уверены?')"> Удалить файлы

Смотрите также

 Для общей информации об обработчиках событий, смотрите "Общая Информация о Событиях".

Для информации об объекте event, смотрите event.

[Содержание] [Предыдущая] [Следующая] [Индекс]

Последняя Модификация: 10/31/97 16:34:02

Права © 1997 Netscape Communications Corporation


Все мессаги сюда:yanich@inbox.ru
Hosted by uCoz