Лекция: Ключевое слово this

Зачастую обработчику события необходимо передать ссылку на элемент, который это событие вызвал. Это осуществляется с помощью указателя this. Пример приведен ниже:

<!-- пример pr16: -->

<a href=«pr3.htm» onclick=«show(this);»> click me</a>

<script type=«text/javascript»>

function show(_obj) {

alert(_obj.innerHTML);

//нажатие на ссылку выводит в диалоговое окно «click me»

}

</script>

После нажатия на ссылку происходит переход на другую страницу, однако это действие можно отменить, если обработчик события вернет значение false. Например:

<a href=«sample.html» onclick=«return showInfo(this);»>

click me</a>

<script type=«text/javascript»>

function showInfo(_obj) {

return confirm(«Do you want go to another page?»);

/*при нажатии на ссылку будет выведен стандартный диалог с кнопками OK и Cancel; если будет нажата Cancel, то браузер не перейдет по адресу, на который указывает ссылка*/

}

</script>

Модель событий JavaScript 1.2.

В JavaScript 1.2 введена новая модель событий:

Abort, Blur, Click, Change, Focus, DblClick, DragDrop, Error KeyDown, KeyPress, KeyUp, Load, MouseDown, MouseMove, MouseOut, MouseOver, MouseUp,Move Reset, Resize, Select, Submit, Unload.