JavaScript урок 8. Часть 2. Объектная модель документа (javaScript DOM) и события

Авторadmin / Опубликовано6 комментариев

На уроке будут рассмотрены типы событий, и в частности событие onclick javascript

Назад
К оглавлению
Далее

Типы событий JavaScript

Рассмотрим наиболее стандартные и часто используемые javaScript события:

Обработчик
события

Поддерживающие HTML- элементы и объекты

Описание

onBlur

a, area, button, input,
label, select, textarea

Потеря текущим элементом фокуса. Возникает при
щелчке мышью вне элемента либо нажатии клавиши табуляции

onChange

Input, select, textarea

Изменение значений элементов формы. Возникает после потерей элементом фокуса, т.е. после события blur

onClick

Практически все

Одинарный щелчок (нажата и отпущена кнопка мыши)

onFocus

a, area, button, input, label, select, textarea

Получение элементом фокуса

onLoad

body, frameset

Закончена загрузка документа

onMouseDown

Практически все

Нажата кнопка мыши в пределах текущего элемента

onMouseOut

Практически
все

Курсор мыши выведен за пределы
текущего элемента

onMouseOver

Практически все

Курсор мыши наведен на текущий элемент

onMouseUp

Практически все

Отпущена кнопка мыши в пределах текущего элемента

onMove

window

Перемещение окна

onResize

window

Изменение размеров окна

onSelect

textarea, input

Выделение текста в текущем элементе

onSubmit

form

Отправка данных формы

onUnload

body, frameset

Попытка закрытия окна браузера и выгрузки документа


6 комментариев для “JavaScript урок 8. Часть 2. Объектная модель документа (javaScript DOM) и события”

  1. Задание Js8_4. Что я делаю не так? Вот мой код(не работает)

    var allImg = document.getElementsByTagName(«img»);
    for (var a in allImg )
    {
    allImg[0].style.width = 50px;
    allImg[0].style.height = 50px;
    allImg[0].style.border = 10px;
    }

    1. 1. Кавычки лучше другие ставить (не русские) или вообще апостроф, как у меня.
      2. px не нужно писать в данном случае
      3. Скрипт должен находиться перед закрытием тега body )

      var allImg = document.getElementsByTagName(‘img’);
      for (var a in allImg )
      {
      allImg[0].style.width = 50;
      allImg[0].style.height = 50;
      allImg[0].style.border = 100;
      }

  2. Добрый вечер,
    подскажите, что не так.
    Пытаюсь воспроизвести пример: «Добавить на страницу изображение и при помощи javascript при наступлении события загрузки страницы сделать ширину изображения соответствующей ширине окна браузера», не получается никак. Картинка не растягивается..

    function resizeImgs(){
    var te = document.getElementById(«img1»);
    te.style.width = document.body.clientWidth;
    };

  3. Добрый вечер,
    пытаюсь воспроизвести пример из данной главы. Безуспешно. Не растягивает картинку. Можете подсказать, что не так..

    function resizeImgs(){
    var te = document.getElementById(«img1»);
    te.style.width = document.body.clientWidth;
    };

    1. Здравствуйте! Попробуйте не использовать такие кавычки в коде: «img1», попробуйте одинарные ‘img1’.

    2. Вот так попробуйте, только замените имг на img и боди на body:
      …
      function resizeImgs(){
      var te = document.getElementById(‘img1’);
      te.style.width = document.body.clientWidth;
      };
      …
      <боди onload='resizeImgs()'>
      <имг id='img1' src='logo.png'>

Обсуждение закрыто.