События

  Рассмотрим пример функции в сочетании со средствами управления событиями. 

  Сначала рассмотрим, что понимается под  событием.

  Событие - это важное в программировании на JavaScript понятие. События главным образом порождаются пользователем, являются следствием его действий.  Если пользователь нажимает кнопку мыши, то происходит событие, которое называется Click. Если экранный указатель мыши движется по ссылке HTML - документа, происходит событие MouseOver.

  Существует несколько различных событий. Пусть мы хотим, чтобы наша JavaScript программа реагировала на несколько разных событий. Это можно сделать при помощи event-handlers. Например, можно заставить появиться новое всплывающее окно, которое появляется при нажатии кнопки. Появление нового окна будет следствием наступления события Click.

  Event-handler, иначе говоря обработчик событий или средство управления событиями, который требуется для организации такого действия, называется onClick. Это средство управления событиями сообщает компьютеру, какие действия необходимо совершить при наступлении данного события. Приведем простую программу, иллюстрирующая то, как может быть использовано средство onClick.

  <form>

<input type="button" value="щелкни меня" onClick="alert('ОЙ - ой')">

  </form>

  В приведенном примере есть несколько новых моментов. Рассмотрим все подробно. В этом примере мы описали форму, в которой имеется кнопка. Это осуществляется при помощи инструкций HTML, и поэтому не будем на этом останавливаться. Для нас важной частью является инструкция onClick="alert('ОЙ - ой')", которая размещена внутри ярлыка <input>.

  Если происходит событие Click, то компьютер выполнит инструкцию alert('ОЙ - ой'). Эта инструкция  - фрагмент JavaScript. Заметьте, что в этом случае мы не использовали <script>. Инструкция alert() позволяет создавать всплывающие окна. В скобках следует записать строку, в нашем случае это 'ОЙ - ой'. Текст строки будет виден во всплывающем окне. наш скрипт заставляет появиться на экране новое окно с текстом  'ОЙ - ой', когда пользователь нажимает на кнопку.

  Замечание: В команде document.write() мы писали двойные кавычки, а в комбинации инструкций, содержащей alert(), мы использовали одиночные кавычки - почему? Вообще говоря, можно пользоваться как теми, так и другими кавычками. Если мы напишем onClick="alert("ОЙ - ой")", то компьютер не поймет, какая часть относится к onClick, а какая  - нет. 

  Для того, чтобы не возникали недоразумения такого рода, необходимо использовать разные типы кавычек, при этом нет никакой разницы, в каком порядке они будут применяться. Ту же формулу можно переписать в другом виде, поменяв кавычки местами: onClick=alert'("ОЙ - ой")'.

  Существует множество средств управления событиями. С некоторыми из них мы познакомимся далее, однако не со всеми. Если у Вас появиться необходимость познакомиться с другими средствами управления событиями, обратитесь к справочным пособиям.