Введение в события презентация

Содержание

Слайд 1Введение в события
Выполнил: Карташёв Роман ПМ-41


Слайд 2


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

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

Слайд 6Решение Microsoft


Слайд 7Установка по стандарту W3C


Слайд 8Объект "Событие"


Слайд 9


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

представлении DOM, элемент -->
2
2
3
3

4

5


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










Слайд 11element.onclick = function(event) {

event = event || window.event //

кросс-браузерно



if (event.stopPropagation) {

// Вариант стандарта W3C:

event.stopPropagation()

} else {

// Вариант Internet Explorer:

event.cancelBubble = true

}

}

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


Слайд 12


id="capt3" class="d3">




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


Слайд 13
Порядок обработки в стандарте W3C


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

event = event

|| window.event

if (event.preventDefault) {

// Вариант стандарта W3C:

event.preventDefault()

} else {

// Вариант Internet Explorer:

event.returnValue = false

}

}

Слайд 15Смысл return и false из обработчика
1 function handler(event) {
...
return false
}

2 function

handler(event) {

...
if (event.preventDefault) {

event.preventDefault()

} else {

event.returnValue = false

}

}

Скачать презентацию

Обратная связь

Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое ThePresentation.ru?

Это сайт презентаций, докладов, проектов, шаблонов в формате PowerPoint. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами с другими пользователями.


Для правообладателей

Яндекс.Метрика