Введение в события

Сентябрь 7, 2022

Главная
Алгебра
Введение в события

Содержание

5. Через свойство объекта document.getElementById(‘myElement’).onclick = function() { alert(‘Спасибо’) }
6. Решение Microsoft
7. Установка по стандарту W3C
8. Объект "Событие"
9. Три элемента "вложенных" друг в друга 1 2 2 3 3 4 5
10. Всплывающие события (Bubbling)
11. element.onclick = function(event) { event = event || window.event // кросс-браузерно if (event.stopPropagation) { // Вариант
12. document.getElementById("capt1").addEventListener("click", function() { alert(1) }, true); document.getElementById("capt2").addEventListener("click", function() { alert(2) }, true); document.getElementById("capt3").addEventListener("click", function() { alert(3)
13. Порядок обработки в стандарте W3C
14. Действие браузера по умолчанию element.onclick = function(event) { event = event || window.event if (event.preventDefault) {
16. Скачать презентацию

Слайд 2

Слайд 3

Слайд 4

Слайд 5

Через свойство объекта
document.getElementById(‘myElement’).onclick = function() {
alert(‘Спасибо’)
}

= “Нажми меня”/>

Слайд 6

Решение Microsoft

Слайд 7

Установка по стандарту W3C

Слайд 8

Объект "Событие"

Слайд 9

Три элемента "вложенных" друг в друга
1
2

2
3

3

4

5

Слайд 10

Всплывающие события (Bubbling)

Слайд 11

element.onclick = function(event) {
event = event || window.event // кросс-браузерно
if

(event.stopPropagation) {
// Вариант стандарта W3C:
event.stopPropagation()
} else {
// Вариант Internet Explorer:
event.cancelBubble = true
}
}

Остановка всплытия

Слайд 12

Перехват событий (Capturing)

Слайд 13

Порядок обработки в стандарте W3C

Слайд 14

Действие браузера по умолчанию
element.onclick = function(event) {
event = event ||

window.event
if (event.preventDefault) {
// Вариант стандарта W3C:
event.preventDefault()
} else {
// Вариант Internet Explorer:
event.returnValue = false
}
}