Лабораторная работа 8


Лабораторная работа №8
Стандартные события в HTML
имя события происходит
onclick при щелчке кнопки мыши на элементе
ondblclick при двойном щелчке кнопки мыши на элементе
onmousedown при нажатии кнопки мыши на элементе
onmouseup при отпускании кнопки мыши на элементе
onmouseover при попадании курсора мыши на элемент
onmousemove при движении курсора мыши по элементу
onmouseout при попадании курсора мыши за пределы элемента
onkeypress при нажатии и отпускании клавиши на элементе
onkeydown при нажатии клавиши на элементе
onkeyup при отпускании клавиши на элементе
Создайте HTML-документ, состоящий из четырёх текстовых строк:
Пять событий с мышкойЩёлкните по мне мышкойНа этом тексте нажмите, подержите и отпустите левую кнопку мышкиМедленно проведите курсором мышки по этой надписи
Первая строка – заголовок страницы без событий.
Вторая строка меняется при щелчке мышкой следующим образом:
шрифт увеличивается до 48pt;цвет шрифта меняется на белый;цвет фона меняется на голубой;повторный щелчок мышкой возвращает вторую строку к первоначальному виду.
Фон третьей строки меняется, когда курсор мышки находится на ней и нажимается или отпускается левая кнопка мышки. При нажатии фон становится зелёным, а при отпускании – жёлтым.
При попадании курсора мышки на четвёртую строку её фон становится красным, а при снятии – голубым.
Пример выполнения события для отдельной строки:
<p onmouseover="document.bgColor ='blue'">Для смены фона документа, наведите курсор мыши на данную строку</p>
Пример задания фона документа, с помощью <script>:
<script type="text/javascript">document.bgColor='red'</script>

Приложенные файлы

  • docx 5519083
    Размер файла: 19 kB Загрузок: 15

Добавить комментарий