際際滷

際際滷Share a Scribd company logo
Evenimente
亠舒仆亳亰仄 DOM-仂弍亳 仗亳亰于舒仆 仗仂仄仂
舒亰舒弍仂亳从 仗亠亠于舒亳 亳 仂弍舒弍仂舒
舒亰仍亳仆亠 亟亠亶于亳 仗仂仍亰仂于舒亠仍亠亶 (从仍亳从亳
仄从仂亶 仗仂 仍亠仄亠仆舒仄, 仆舒亢舒亳 从仍舒于亳 亳
仗仂亠亠).
仂亳 于亠(仆亠 于亠) 仂弍亳 仂仂 亳亰 亟于
舒亰:
- capturing(亰舒于舒)
- bubbling(于仗仍亳亠)
004. prelucrarea evenimentelor js
004. prelucrarea evenimentelor js
仍亳 于 addEventListener, 亠亳仄 仗舒舒仄亠仂仄,
仗亠亠亟舒 true, 仂 仂弍舒弍仂亳从 弍亟亠
于仗仂仍仆 仆舒 舒亰亠 亰舒于舒舒. 仍 仂亞仂,
仂弍 亟舒仍亳 仂弍舒弍仂亳从 仂弍亳 
仍亠仄亠仆舒, 仆亠仂弍仂亟亳仄仂 于仂仗仂仍亰仂于舒
仄亠仂亟仂仄 removeEventListener
004. prelucrarea evenimentelor js
弍亠从 仂弍亳
仂亞亟舒 弍舒亰亠 于亰于舒亠 仂弍舒弍仂亳从 仂弍亳, 仂仆 仗亠亠亟舒亠 于 
仆从亳 仗亠于仄 仗舒舒仄亠仂仄 仗亠亳舒仍仆亶 仂弍亠从 
仂仗亳舒仆亳亠仄 仂弍亳.
仂 仂仆仂于仆亠 于仂亶于舒 仂亞仂 仂弍亠从舒:
type - 亳仄 仂弍亳
target - 仍亠仄亠仆, 亟仍 从仂仂仂亞仂 亳亰仆舒舒仍仆仂 弍仍仂 仗亠亟仆舒亰仆舒亠仆仂
仂弍亳亠
currentTarget - 仍亠仄亠仆, 从仂仂亶 仗亠亠于舒亳仍 仂弍亳亠 于 亟舒仆仆亶
仄仂仄亠仆
eventPhase - 舒亰舒 仂弍亳 (亰舒于舒, 于仗仂仍仆亠仆亳亠, 于仗仍亳亠)
亠亶于亳亠 仗仂 仄仂仍舒仆亳
亠舒仆亳亰仄 仂弍亳亶 仗仂亰于仂仍磳 仂仄亠仆亳
亟亠亶于亳亠 仗仂 仄仂仍舒仆亳 仗亳 仗仂仄仂亳
于亰仂于舒 仄亠仂亟舒 preventDefault 亳亰 仂弍亠从舒 
亳仆仂仄舒亳亠亶 仂 仂弍亳亳.
弌仂弍亳 仄亳
mousedown - 仂 仂弍亳亠 仂舒弍舒于舒亠 仆舒
仆舒亢舒亳亠 仍亠于仂亶 从仍舒于亳亳. 舒亰仆亳舒 仄亠亢亟 仆亳仄 亳
click 于 仂仄, 仂 仂弍亳亠 click - 仂 仆舒亢舒亳亠 亳
仂仗从舒仆亳亳 仍亠于仂亶 从仆仂仗从亳 仄从亳, 舒
mousedown - 仂仍从仂 仆舒亢舒亳亠.
mouseup - 仂 仂弍亳亠 仂舒弍舒于舒亠 仗亳
仂仗从舒仆亳亳 从仆仂仗从亳 仄从亳.
!!! 仂弍亳亠 click 于仄亠舒亠 于 亠弍 亟于舒 仂弍亳 -
mousedown 亳 mouseup. 仗仂仍仆ム 仂仆亳 于
舒从仂仄 仗仂磲从亠: mousedown, mouseup, click.
mouseover - 舒弍舒于舒亠 仗仂 仆舒于亠亟亠仆亳
从仂舒 仆舒 仍亠仄亠仆;
mouseout - 舒弍舒于舒亠 仗仂 仂于仂亟 从仂舒 
仍亠仄亠仆舒;
mousemove - 舒弍舒于舒亠 仗亳 从舒亢亟仂仄
亟于亳亢亠仆亳亳 从仂舒 仆舒亟 仍亠仄亠仆仂仄.
C仂弍亳 从仍舒于亳舒
keydown - 舒弍舒于舒亠 仗仂 仆舒亢舒亳 仆舒
从仍舒于亳
https://css-tricks.com/snippets/javascript
/javascript-keycodes/
keyup - 舒弍舒于舒亠 仗仂 仂亢舒亳 从仍舒于亳亳
keypress - 舒弍舒于舒亠 仗仂 仆舒亢舒亳 仆舒
从仍舒于亳.  仂仍亳亳亳 仂 keydown, 仂弍亳亠
keypress 舒弍舒于舒亠 仂仍从仂 仆舒 亠 从仍舒于亳亳
从仂仂亠 仗亠舒舒ム 亳仄于仂仍. 丐仂 亠 舒从亳亠
从仍舒于亳亳 从舒从 ctrl, alt, shift 仆亠 于仂亟 于 
从舒亠亞仂亳, 舒从 从舒从 仆舒 仗亠舒舒ム 亳仄于仂仍
!!!  仂弍亠从 仂弍亳亶 keydown, keypress, 亳
keyup, 仗亠亠亟舒亠 于仂亶于仂 keyCode,
!!!  仂弍亠从 仂弍亳亶 keydown, keypress, 亳
keyup, 仗亠亠亟舒亠 于仂亶于仂 keyCode,
 仄仂亢亠仄 仗仂仍亳 仆亠仗仂亠亟于亠仆仆仂
于于亠亟亠仆仆亶 亳仄于仂仍 亳亰 亠亞仂 从仂亟舒, 仗亳 仗仂仄仂亳
亠仂亟舒 String.fromCharCode(code).
input - 仂弍亳亠, 从仂仂仂亠 于仗仂仍仆磳 亟仍
亠从仂于 仗仂仍亠亶, 仗亳 从舒亢亟仂仄 亳亰仄亠仆亠仆亳亳
亰仆舒亠仆亳 于 仗仂仍亠
弌仂弍亳 亰舒亞亰从亳 亟仂从仄亠仆舒
舒亞亰从舒 亟仂从仄亠仆舒 亟亠仍亳 仆舒 亟于舒 舒仗舒:
1. 亰舒亞亰从舒 html 亳 从亳仗仂于
2. 亰舒亞亰从舒 于仆亠仆亳 亠仂于
DOMContentLoaded - 仂弍亳亠, 从仂仂仂亠
舒弍仂舒亠 仗仂仍亠 仂亞仂, 从舒从 于亠 html 弍亟亠
亰舒亞亢亠仆 弍舒亰亠仂仄 亳 js 于 亟仂从仄亠仆亠 弍亟亠
于仗仂仍仆亠仆. 丐仂 亠 于亠 dom- 仍亠仄亠仆 弍亟亠
仂亰亟舒仆 亳 亟仂仗仆 亠亠亰 JS.
load - 仂弍亳亠, 从仂仂仂亠 舒弍仂舒亠, 从仂亞亟舒
弍舒亰亠 亰舒亞亰亳 于亠 于仆亠仆亳亠 亠
(从舒亳仆从亳, css) 亳 舒仆亳舒 弍亟亠 仗仂仍仆仂
亞仂仂于舒 从 舒弍仂亠.
亠仍亠亞亳仂于舒仆亳亠
亠仍亠亞亳仂于舒仆亳亠 - 仂 从仂亞亟舒 仍亠仄亠仆 于仂亰仍舒亞舒ム
仂弍磶舒仆仆仂亳 仗仂 仂弍舒弍仂从亠 于仂亳 仂弍亳亶 仆舒
于亠仍亠亢舒亳亠 仍亠仄亠仆.
仍亞仂亳仄:
1. 亠舒亠仄 仂弍舒弍仂亳从 仆舒 从仂仆亠亶仆亠.
2.  仂弍舒弍仂亳从亠: 仗仂仍舒亠仄 event.target.
3.  仂弍舒弍仂亳从亠: 亠仍亳 event.target 亳仍亳 仂亟亳仆 亳亰
亠亞仂 仂亟亳亠仍亠亶 于 从仂仆亠亶仆亠亠 (this) 
亳仆亠亠ム亳亶 仆舒 仍亠仄亠仆  仂弍舒弍仂舒 亠亞仂.
舒亠仄 亳仗仂仍亰仂于舒 亟亠仍亠亞亳仂于舒仆亳亠
 丕仗仂舒亠 亳仆亳亳舒仍亳亰舒亳 亳 从仂仆仂仄亳
仗舒仄: 仆亠 仆亢仆仂 于亠舒 仄仆仂亞仂
仂弍舒弍仂亳从仂于.
 亠仆亠 从仂亟舒: 仗亳 亟仂弍舒于仍亠仆亳亳 亳 亟舒仍亠仆亳亳
仍亠仄亠仆仂于 仆亠 仆亢仆仂 舒于亳 亳仍亳 仆亳仄舒
仂弍舒弍仂亳从亳.
 丕亟仂弍于仂 亳亰仄亠仆亠仆亳亶: 仄仂亢仆仂 仄舒仂于仂
亟仂弍舒于仍 亳仍亳 亟舒仍 仍亠仄亠仆 仗仄
亳亰仄亠仆亠仆亳 innerHTML.
亠亟仂于舒亠仆亳亠 舒仗仂舒仆亠仆亳
仂弍亳
亅仂 仄仂亢仆仂 亟亠仍舒 仗亳 仗仂仄仂亳 仄亠仂亟舒
stopPropagation 仂弍亠从舒 仂弍亳.
jQuery 仂弍亳
click() - 丕舒仆舒于仍亳于舒亠 仂弍舒弍仂亳从 从仍亳从舒
仍亠于仂亶 从仍舒于亳亠亶 仄亳 仗仂 仍亠仄亠仆.
dblclick() - 丕舒仆舒于仍亳于舒亠 仂弍舒弍仂亳从
亟于仂亶仆仂亞仂 "从仍亳从舒" 仄 仗仂 仍亠仄亠仆,
仍亳弍仂 亰舒仗从舒亠 仂 仂弍亳亠.
hover() - 丕舒仆舒于仍亳于舒亠 仂弍舒弍仂亳从 亟于
仂弍亳亶 - 仗仂磦仍亠仆亳/亳亠亰仆仂于亠仆亳 从仂舒
仆舒亟 仍亠仄亠仆仂仄.
mousedown() - 丕舒仆舒于仍亳于舒亠 仂弍舒弍仂亳从
仆舒亢舒亳 从仆仂仗从亳 仄亳.
mouseup() - 丕舒仆舒于仍亳于舒亠 仂弍舒弍仂亳从 仗仂亟仆亳
从仆仂仗从亳 仄亳.
mouseenter() - 丕舒仆舒于仍亳于舒亠 仂弍舒弍仂亳从
仗仂磦仍亠仆亳 从仂舒 于 仂弍仍舒亳 仍亠仄亠仆舒.
仂磦仍亠仆亳亠 仂亞仂 仂弍亳 仂舒弍仂舒仆仂 仍亠,
亠仄 舒仆亟舒仆仂亞仂 mouseover.
mouseleave() - 丕舒仆舒于仍亳于舒亠 仂弍舒弍仂亳从 于仂亟舒
从仂舒 亳亰 仂弍仍舒亳 仍亠仄亠仆舒. 仂磦仍亠仆亳亠 仂亞仂
仂弍亳 仂舒弍仂舒仆仂 仍亠, 亠仄 舒仆亟舒仆仂亞仂
mouseout.
mousemove() - 丕舒仆舒于仍亳于舒亠 仂弍舒弍仂亳从
亟于亳亢亠仆亳 从仂舒 于 仂弍仍舒亳 仍亠仄亠仆舒.
mouseout() - 丕舒仆舒于仍亳于舒亠 仂弍舒弍仂亳从
于仂亟舒 从仂舒 亳亰 仂弍仍舒亳 仍亠仄亠仆舒, 仍亳弍仂
亰舒仗从舒亠 仂 仂弍亳亠.
toggle() - 仂仂亠亠亟仆仂 于仗仂仍仆磳 仂亟仆 亳亰 亟于
亳仍亳 弍仂仍亠亠 亰舒亟舒仆仆 仆从亳亶, 于 仂于亠 仆舒
"从仍亳从" 仗仂 仍亠仄亠仆.
Ad

Recommended

JavaScript 舒亰仂于亶. 舒仆亳亠 06.
JavaScript 舒亰仂于亶. 舒仆亳亠 06.
Igor Shkulipa
亳舒亳仍 舒于亟仂于 JavaScript: 弌仂弍亳
亳舒亳仍 舒于亟仂于 JavaScript: 弌仂弍亳
Yandex
从仂仗亳 Module 3 2
从仂仗亳 Module 3 2
kairbekov
JavaScript 舒亰仂于亶. 舒仆亳亠 05.
JavaScript 舒亰仂于亶. 舒仆亳亠 05.
Igor Shkulipa
亠亠仍舒 亠仄舒. 弌仂亠亟亳.
亠亠仍舒 亠仄舒. 弌仂亠亟亳.
Doomer Samoiloff
Drag And Drop Windows Forms
Drag And Drop Windows Forms
Alexey Bovanenko
Web internship java script
Web internship java script
Noveo
仂弍亠仆仆仂亳 C#
仂弍亠仆仆仂亳 C#
Zhaslan Doschanov
JavaScript. Event Model (in russian)
JavaScript. Event Model (in russian)
Mikhail Davydov
Frontend 于亠仆舒 2014 仍亠从亳 2
Frontend 于亠仆舒 2014 仍亠从亳 2
Technopark
Frontend 于亠仆舒 2014 仍亠从亳 3
Frontend 于亠仆舒 2014 仍亠从亳 3
Technopark
Web 仂亠仆 2012 仍亠从亳 9
Web 仂亠仆 2012 仍亠从亳 9
Technopark
仆亠仆舒于磶亳于亶 Java Script 舒仍亠从亠亶 亠亞亠亠于
仆亠仆舒于磶亳于亶 Java Script 舒仍亠从亠亶 亠亞亠亠于
Media Gorod
仆仂仆 亠亠亠仆仆亳从仂于 亳 仍 弌亠仄舒从仂于. 亠亰亠仆舒亳
仆仂仆 亠亠亠仆仆亳从仂于 亳 仍 弌亠仄舒从仂于. 亠亰亠仆舒亳
Daria Oreshkina
JS switch. events (onclick, onfocus, onblur)
JS switch. events (onclick, onfocus, onblur)
IT Academy Project EU
FPUG Dzyga presentation
FPUG Dzyga presentation
Ivan Filimonov
JavaScript 舒亰仂于亶. 舒仆亳亠 10.
JavaScript 舒亰仂于亶. 舒仆亳亠 10.
Igor Shkulipa
C# Web. 舒仆亳亠 12.
C# Web. 舒仆亳亠 12.
Igor Shkulipa
SECON'2014 - 仆仂仆 亠亠亠仆仆亳从仂于, 仍 弌亠仄舒从仂于 - 亠亠仂亟 仂 从仂仍仍弍亠从仂于 从 仂弍亳礆
SECON'2014 - 仆仂仆 亠亠亠仆仆亳从仂于, 仍 弌亠仄舒从仂于 - 亠亠仂亟 仂 从仂仍仍弍亠从仂于 从 仂弍亳礆
仂仆亠亠仆亳 舒亰舒弍仂亳从仂于 仗仂亞舒仄仄仆仂亞仂 仂弍亠仗亠亠仆亳 SECON'2014
jQuery: 弍舒 舒亰舒弍仂从舒 于亠弍-亳仆亠亠亶仂于 仆舒 JavaScript
jQuery: 弍舒 舒亰舒弍仂从舒 于亠弍-亳仆亠亠亶仂于 仆舒 JavaScript
Constantin Kichinsky
Selenium vs AJAX
Selenium vs AJAX
Alexei Barantsev
Docker
Docker
Dmitrii Stoian
Ide
Ide
Dmitrii Stoian
Web servers
Web servers
Dmitrii Stoian
Svg
Svg
Dmitrii Stoian
Devtools
Devtools
Dmitrii Stoian
Controlul versiunilor
Controlul versiunilor
Dmitrii Stoian
Crearea prototipurilor
Crearea prototipurilor
Dmitrii Stoian
Medii de dezvoltare node.js npm
Medii de dezvoltare node.js npm
Dmitrii Stoian
Bazele conceptuale a dezvoltarii produselor
Bazele conceptuale a dezvoltarii produselor
Dmitrii Stoian

More Related Content

Similar to 004. prelucrarea evenimentelor js (13)

JavaScript. Event Model (in russian)
JavaScript. Event Model (in russian)
Mikhail Davydov
Frontend 于亠仆舒 2014 仍亠从亳 2
Frontend 于亠仆舒 2014 仍亠从亳 2
Technopark
Frontend 于亠仆舒 2014 仍亠从亳 3
Frontend 于亠仆舒 2014 仍亠从亳 3
Technopark
Web 仂亠仆 2012 仍亠从亳 9
Web 仂亠仆 2012 仍亠从亳 9
Technopark
仆亠仆舒于磶亳于亶 Java Script 舒仍亠从亠亶 亠亞亠亠于
仆亠仆舒于磶亳于亶 Java Script 舒仍亠从亠亶 亠亞亠亠于
Media Gorod
仆仂仆 亠亠亠仆仆亳从仂于 亳 仍 弌亠仄舒从仂于. 亠亰亠仆舒亳
仆仂仆 亠亠亠仆仆亳从仂于 亳 仍 弌亠仄舒从仂于. 亠亰亠仆舒亳
Daria Oreshkina
JS switch. events (onclick, onfocus, onblur)
JS switch. events (onclick, onfocus, onblur)
IT Academy Project EU
FPUG Dzyga presentation
FPUG Dzyga presentation
Ivan Filimonov
JavaScript 舒亰仂于亶. 舒仆亳亠 10.
JavaScript 舒亰仂于亶. 舒仆亳亠 10.
Igor Shkulipa
C# Web. 舒仆亳亠 12.
C# Web. 舒仆亳亠 12.
Igor Shkulipa
SECON'2014 - 仆仂仆 亠亠亠仆仆亳从仂于, 仍 弌亠仄舒从仂于 - 亠亠仂亟 仂 从仂仍仍弍亠从仂于 从 仂弍亳礆
SECON'2014 - 仆仂仆 亠亠亠仆仆亳从仂于, 仍 弌亠仄舒从仂于 - 亠亠仂亟 仂 从仂仍仍弍亠从仂于 从 仂弍亳礆
仂仆亠亠仆亳 舒亰舒弍仂亳从仂于 仗仂亞舒仄仄仆仂亞仂 仂弍亠仗亠亠仆亳 SECON'2014
jQuery: 弍舒 舒亰舒弍仂从舒 于亠弍-亳仆亠亠亶仂于 仆舒 JavaScript
jQuery: 弍舒 舒亰舒弍仂从舒 于亠弍-亳仆亠亠亶仂于 仆舒 JavaScript
Constantin Kichinsky
Selenium vs AJAX
Selenium vs AJAX
Alexei Barantsev
JavaScript. Event Model (in russian)
JavaScript. Event Model (in russian)
Mikhail Davydov
Frontend 于亠仆舒 2014 仍亠从亳 2
Frontend 于亠仆舒 2014 仍亠从亳 2
Technopark
Frontend 于亠仆舒 2014 仍亠从亳 3
Frontend 于亠仆舒 2014 仍亠从亳 3
Technopark
Web 仂亠仆 2012 仍亠从亳 9
Web 仂亠仆 2012 仍亠从亳 9
Technopark
仆亠仆舒于磶亳于亶 Java Script 舒仍亠从亠亶 亠亞亠亠于
仆亠仆舒于磶亳于亶 Java Script 舒仍亠从亠亶 亠亞亠亠于
Media Gorod
仆仂仆 亠亠亠仆仆亳从仂于 亳 仍 弌亠仄舒从仂于. 亠亰亠仆舒亳
仆仂仆 亠亠亠仆仆亳从仂于 亳 仍 弌亠仄舒从仂于. 亠亰亠仆舒亳
Daria Oreshkina
JS switch. events (onclick, onfocus, onblur)
JS switch. events (onclick, onfocus, onblur)
IT Academy Project EU
FPUG Dzyga presentation
FPUG Dzyga presentation
Ivan Filimonov
JavaScript 舒亰仂于亶. 舒仆亳亠 10.
JavaScript 舒亰仂于亶. 舒仆亳亠 10.
Igor Shkulipa
C# Web. 舒仆亳亠 12.
C# Web. 舒仆亳亠 12.
Igor Shkulipa
jQuery: 弍舒 舒亰舒弍仂从舒 于亠弍-亳仆亠亠亶仂于 仆舒 JavaScript
jQuery: 弍舒 舒亰舒弍仂从舒 于亠弍-亳仆亠亠亶仂于 仆舒 JavaScript
Constantin Kichinsky

More from Dmitrii Stoian (19)

Docker
Docker
Dmitrii Stoian
Ide
Ide
Dmitrii Stoian
Web servers
Web servers
Dmitrii Stoian
Svg
Svg
Dmitrii Stoian
Devtools
Devtools
Dmitrii Stoian
Controlul versiunilor
Controlul versiunilor
Dmitrii Stoian
Crearea prototipurilor
Crearea prototipurilor
Dmitrii Stoian
Medii de dezvoltare node.js npm
Medii de dezvoltare node.js npm
Dmitrii Stoian
Bazele conceptuale a dezvoltarii produselor
Bazele conceptuale a dezvoltarii produselor
Dmitrii Stoian
Webpack
Webpack
Dmitrii Stoian
010. animatii
010. animatii
Dmitrii Stoian
009. compresia imaginilor digitale
009. compresia imaginilor digitale
Dmitrii Stoian
008. iimagini ca entitate mutimedia
008. iimagini ca entitate mutimedia
Dmitrii Stoian
007. culoare in entitati multimedia
007. culoare in entitati multimedia
Dmitrii Stoian
006. textul entitate de studiu multimedia
006. textul entitate de studiu multimedia
Dmitrii Stoian
005. html5 si canvas
005. html5 si canvas
Dmitrii Stoian
003. manipularea cu dom
003. manipularea cu dom
Dmitrii Stoian
002. Introducere in type script
002. Introducere in type script
Dmitrii Stoian
001.Introducere in tehnologii mutimedia
001.Introducere in tehnologii mutimedia
Dmitrii Stoian
Controlul versiunilor
Controlul versiunilor
Dmitrii Stoian
Crearea prototipurilor
Crearea prototipurilor
Dmitrii Stoian
Medii de dezvoltare node.js npm
Medii de dezvoltare node.js npm
Dmitrii Stoian
Bazele conceptuale a dezvoltarii produselor
Bazele conceptuale a dezvoltarii produselor
Dmitrii Stoian
009. compresia imaginilor digitale
009. compresia imaginilor digitale
Dmitrii Stoian
008. iimagini ca entitate mutimedia
008. iimagini ca entitate mutimedia
Dmitrii Stoian
007. culoare in entitati multimedia
007. culoare in entitati multimedia
Dmitrii Stoian
006. textul entitate de studiu multimedia
006. textul entitate de studiu multimedia
Dmitrii Stoian
005. html5 si canvas
005. html5 si canvas
Dmitrii Stoian
003. manipularea cu dom
003. manipularea cu dom
Dmitrii Stoian
002. Introducere in type script
002. Introducere in type script
Dmitrii Stoian
001.Introducere in tehnologii mutimedia
001.Introducere in tehnologii mutimedia
Dmitrii Stoian
Ad

Recently uploaded (6)

VBA 亟仍 舒亶仆亳从仂于 3rd Edition Steve Cummings
VBA 亟仍 舒亶仆亳从仂于 3rd Edition Steve Cummings
fnupzgprv4318
FactoryTalk View Site Edition 从仂于仂亟于仂 仗仂仍亰仂于舒亠仍 丐仂仄 1 Allen-Bredley.
FactoryTalk View Site Edition 从仂于仂亟于仂 仗仂仍亰仂于舒亠仍 丐仂仄 1 Allen-Bredley.
xqtsxflc938
舒亰仂于舒 仗仂仄仍亠仆仆仂 舒亰仂于舒 仗仂仄仍亠仆仆仂
舒亰仂于舒 仗仂仄仍亠仆仆仂 舒亰仂于舒 仗仂仄仍亠仆仆仂
sabetovagulmaral
舒舒亟亳亞仄 仗亠亟舒亞仂亞亳从亳. 仂仍亳仗舒舒亟亳亞仄舒仍仆仂 从舒从 仄亠仂亟仂仍仂亞亳亠从亳亶 仗亳仆亳仗
舒舒亟亳亞仄 仗亠亟舒亞仂亞亳从亳. 仂仍亳仗舒舒亟亳亞仄舒仍仆仂 从舒从 仄亠仂亟仂仍仂亞亳亠从亳亶 仗亳仆亳仗
akmalxurramovich
Milestones in analog and digital computing vol 1 3rd Edition Herbert Bruderer
Milestones in analog and digital computing vol 1 3rd Edition Herbert Bruderer
bjozmwfwh2753
Bondarenko, Maria (2020, February). Representation of Motion and Direction in...
Bondarenko, Maria (2020, February). Representation of Motion and Direction in...
MashaBondarenko4
VBA 亟仍 舒亶仆亳从仂于 3rd Edition Steve Cummings
VBA 亟仍 舒亶仆亳从仂于 3rd Edition Steve Cummings
fnupzgprv4318
FactoryTalk View Site Edition 从仂于仂亟于仂 仗仂仍亰仂于舒亠仍 丐仂仄 1 Allen-Bredley.
FactoryTalk View Site Edition 从仂于仂亟于仂 仗仂仍亰仂于舒亠仍 丐仂仄 1 Allen-Bredley.
xqtsxflc938
舒亰仂于舒 仗仂仄仍亠仆仆仂 舒亰仂于舒 仗仂仄仍亠仆仆仂
舒亰仂于舒 仗仂仄仍亠仆仆仂 舒亰仂于舒 仗仂仄仍亠仆仆仂
sabetovagulmaral
舒舒亟亳亞仄 仗亠亟舒亞仂亞亳从亳. 仂仍亳仗舒舒亟亳亞仄舒仍仆仂 从舒从 仄亠仂亟仂仍仂亞亳亠从亳亶 仗亳仆亳仗
舒舒亟亳亞仄 仗亠亟舒亞仂亞亳从亳. 仂仍亳仗舒舒亟亳亞仄舒仍仆仂 从舒从 仄亠仂亟仂仍仂亞亳亠从亳亶 仗亳仆亳仗
akmalxurramovich
Milestones in analog and digital computing vol 1 3rd Edition Herbert Bruderer
Milestones in analog and digital computing vol 1 3rd Edition Herbert Bruderer
bjozmwfwh2753
Bondarenko, Maria (2020, February). Representation of Motion and Direction in...
Bondarenko, Maria (2020, February). Representation of Motion and Direction in...
MashaBondarenko4
Ad

004. prelucrarea evenimentelor js

  • 2. 亠舒仆亳亰仄 DOM-仂弍亳 仗亳亰于舒仆 仗仂仄仂 舒亰舒弍仂亳从 仗亠亠于舒亳 亳 仂弍舒弍仂舒 舒亰仍亳仆亠 亟亠亶于亳 仗仂仍亰仂于舒亠仍亠亶 (从仍亳从亳 仄从仂亶 仗仂 仍亠仄亠仆舒仄, 仆舒亢舒亳 从仍舒于亳 亳 仗仂亠亠).
  • 3. 仂亳 于亠(仆亠 于亠) 仂弍亳 仂仂 亳亰 亟于 舒亰: - capturing(亰舒于舒) - bubbling(于仗仍亳亠)
  • 6. 仍亳 于 addEventListener, 亠亳仄 仗舒舒仄亠仂仄, 仗亠亠亟舒 true, 仂 仂弍舒弍仂亳从 弍亟亠 于仗仂仍仆 仆舒 舒亰亠 亰舒于舒舒. 仍 仂亞仂, 仂弍 亟舒仍亳 仂弍舒弍仂亳从 仂弍亳 仍亠仄亠仆舒, 仆亠仂弍仂亟亳仄仂 于仂仗仂仍亰仂于舒 仄亠仂亟仂仄 removeEventListener
  • 8. 弍亠从 仂弍亳 仂亞亟舒 弍舒亰亠 于亰于舒亠 仂弍舒弍仂亳从 仂弍亳, 仂仆 仗亠亠亟舒亠 于 仆从亳 仗亠于仄 仗舒舒仄亠仂仄 仗亠亳舒仍仆亶 仂弍亠从 仂仗亳舒仆亳亠仄 仂弍亳. 仂 仂仆仂于仆亠 于仂亶于舒 仂亞仂 仂弍亠从舒: type - 亳仄 仂弍亳 target - 仍亠仄亠仆, 亟仍 从仂仂仂亞仂 亳亰仆舒舒仍仆仂 弍仍仂 仗亠亟仆舒亰仆舒亠仆仂 仂弍亳亠 currentTarget - 仍亠仄亠仆, 从仂仂亶 仗亠亠于舒亳仍 仂弍亳亠 于 亟舒仆仆亶 仄仂仄亠仆 eventPhase - 舒亰舒 仂弍亳 (亰舒于舒, 于仗仂仍仆亠仆亳亠, 于仗仍亳亠)
  • 9. 亠亶于亳亠 仗仂 仄仂仍舒仆亳 亠舒仆亳亰仄 仂弍亳亶 仗仂亰于仂仍磳 仂仄亠仆亳 亟亠亶于亳亠 仗仂 仄仂仍舒仆亳 仗亳 仗仂仄仂亳 于亰仂于舒 仄亠仂亟舒 preventDefault 亳亰 仂弍亠从舒 亳仆仂仄舒亳亠亶 仂 仂弍亳亳.
  • 10. 弌仂弍亳 仄亳 mousedown - 仂 仂弍亳亠 仂舒弍舒于舒亠 仆舒 仆舒亢舒亳亠 仍亠于仂亶 从仍舒于亳亳. 舒亰仆亳舒 仄亠亢亟 仆亳仄 亳 click 于 仂仄, 仂 仂弍亳亠 click - 仂 仆舒亢舒亳亠 亳 仂仗从舒仆亳亳 仍亠于仂亶 从仆仂仗从亳 仄从亳, 舒 mousedown - 仂仍从仂 仆舒亢舒亳亠. mouseup - 仂 仂弍亳亠 仂舒弍舒于舒亠 仗亳 仂仗从舒仆亳亳 从仆仂仗从亳 仄从亳. !!! 仂弍亳亠 click 于仄亠舒亠 于 亠弍 亟于舒 仂弍亳 - mousedown 亳 mouseup. 仗仂仍仆ム 仂仆亳 于 舒从仂仄 仗仂磲从亠: mousedown, mouseup, click.
  • 11. mouseover - 舒弍舒于舒亠 仗仂 仆舒于亠亟亠仆亳 从仂舒 仆舒 仍亠仄亠仆; mouseout - 舒弍舒于舒亠 仗仂 仂于仂亟 从仂舒 仍亠仄亠仆舒; mousemove - 舒弍舒于舒亠 仗亳 从舒亢亟仂仄 亟于亳亢亠仆亳亳 从仂舒 仆舒亟 仍亠仄亠仆仂仄.
  • 12. C仂弍亳 从仍舒于亳舒 keydown - 舒弍舒于舒亠 仗仂 仆舒亢舒亳 仆舒 从仍舒于亳 https://css-tricks.com/snippets/javascript /javascript-keycodes/
  • 13. keyup - 舒弍舒于舒亠 仗仂 仂亢舒亳 从仍舒于亳亳 keypress - 舒弍舒于舒亠 仗仂 仆舒亢舒亳 仆舒 从仍舒于亳. 仂仍亳亳亳 仂 keydown, 仂弍亳亠 keypress 舒弍舒于舒亠 仂仍从仂 仆舒 亠 从仍舒于亳亳 从仂仂亠 仗亠舒舒ム 亳仄于仂仍. 丐仂 亠 舒从亳亠 从仍舒于亳亳 从舒从 ctrl, alt, shift 仆亠 于仂亟 于 从舒亠亞仂亳, 舒从 从舒从 仆舒 仗亠舒舒ム 亳仄于仂仍 !!! 仂弍亠从 仂弍亳亶 keydown, keypress, 亳 keyup, 仗亠亠亟舒亠 于仂亶于仂 keyCode,
  • 14. !!! 仂弍亠从 仂弍亳亶 keydown, keypress, 亳 keyup, 仗亠亠亟舒亠 于仂亶于仂 keyCode, 仄仂亢亠仄 仗仂仍亳 仆亠仗仂亠亟于亠仆仆仂 于于亠亟亠仆仆亶 亳仄于仂仍 亳亰 亠亞仂 从仂亟舒, 仗亳 仗仂仄仂亳 亠仂亟舒 String.fromCharCode(code).
  • 15. input - 仂弍亳亠, 从仂仂仂亠 于仗仂仍仆磳 亟仍 亠从仂于 仗仂仍亠亶, 仗亳 从舒亢亟仂仄 亳亰仄亠仆亠仆亳亳 亰仆舒亠仆亳 于 仗仂仍亠
  • 16. 弌仂弍亳 亰舒亞亰从亳 亟仂从仄亠仆舒 舒亞亰从舒 亟仂从仄亠仆舒 亟亠仍亳 仆舒 亟于舒 舒仗舒: 1. 亰舒亞亰从舒 html 亳 从亳仗仂于 2. 亰舒亞亰从舒 于仆亠仆亳 亠仂于
  • 17. DOMContentLoaded - 仂弍亳亠, 从仂仂仂亠 舒弍仂舒亠 仗仂仍亠 仂亞仂, 从舒从 于亠 html 弍亟亠 亰舒亞亢亠仆 弍舒亰亠仂仄 亳 js 于 亟仂从仄亠仆亠 弍亟亠 于仗仂仍仆亠仆. 丐仂 亠 于亠 dom- 仍亠仄亠仆 弍亟亠 仂亰亟舒仆 亳 亟仂仗仆 亠亠亰 JS.
  • 18. load - 仂弍亳亠, 从仂仂仂亠 舒弍仂舒亠, 从仂亞亟舒 弍舒亰亠 亰舒亞亰亳 于亠 于仆亠仆亳亠 亠 (从舒亳仆从亳, css) 亳 舒仆亳舒 弍亟亠 仗仂仍仆仂 亞仂仂于舒 从 舒弍仂亠.
  • 19. 亠仍亠亞亳仂于舒仆亳亠 亠仍亠亞亳仂于舒仆亳亠 - 仂 从仂亞亟舒 仍亠仄亠仆 于仂亰仍舒亞舒ム 仂弍磶舒仆仆仂亳 仗仂 仂弍舒弍仂从亠 于仂亳 仂弍亳亶 仆舒 于亠仍亠亢舒亳亠 仍亠仄亠仆. 仍亞仂亳仄: 1. 亠舒亠仄 仂弍舒弍仂亳从 仆舒 从仂仆亠亶仆亠. 2. 仂弍舒弍仂亳从亠: 仗仂仍舒亠仄 event.target. 3. 仂弍舒弍仂亳从亠: 亠仍亳 event.target 亳仍亳 仂亟亳仆 亳亰 亠亞仂 仂亟亳亠仍亠亶 于 从仂仆亠亶仆亠亠 (this) 亳仆亠亠ム亳亶 仆舒 仍亠仄亠仆 仂弍舒弍仂舒 亠亞仂.
  • 20. 舒亠仄 亳仗仂仍亰仂于舒 亟亠仍亠亞亳仂于舒仆亳亠 丕仗仂舒亠 亳仆亳亳舒仍亳亰舒亳 亳 从仂仆仂仄亳 仗舒仄: 仆亠 仆亢仆仂 于亠舒 仄仆仂亞仂 仂弍舒弍仂亳从仂于. 亠仆亠 从仂亟舒: 仗亳 亟仂弍舒于仍亠仆亳亳 亳 亟舒仍亠仆亳亳 仍亠仄亠仆仂于 仆亠 仆亢仆仂 舒于亳 亳仍亳 仆亳仄舒 仂弍舒弍仂亳从亳. 丕亟仂弍于仂 亳亰仄亠仆亠仆亳亶: 仄仂亢仆仂 仄舒仂于仂 亟仂弍舒于仍 亳仍亳 亟舒仍 仍亠仄亠仆 仗仄 亳亰仄亠仆亠仆亳 innerHTML.
  • 21. 亠亟仂于舒亠仆亳亠 舒仗仂舒仆亠仆亳 仂弍亳 亅仂 仄仂亢仆仂 亟亠仍舒 仗亳 仗仂仄仂亳 仄亠仂亟舒 stopPropagation 仂弍亠从舒 仂弍亳.
  • 23. click() - 丕舒仆舒于仍亳于舒亠 仂弍舒弍仂亳从 从仍亳从舒 仍亠于仂亶 从仍舒于亳亠亶 仄亳 仗仂 仍亠仄亠仆. dblclick() - 丕舒仆舒于仍亳于舒亠 仂弍舒弍仂亳从 亟于仂亶仆仂亞仂 "从仍亳从舒" 仄 仗仂 仍亠仄亠仆, 仍亳弍仂 亰舒仗从舒亠 仂 仂弍亳亠. hover() - 丕舒仆舒于仍亳于舒亠 仂弍舒弍仂亳从 亟于 仂弍亳亶 - 仗仂磦仍亠仆亳/亳亠亰仆仂于亠仆亳 从仂舒 仆舒亟 仍亠仄亠仆仂仄.
  • 24. mousedown() - 丕舒仆舒于仍亳于舒亠 仂弍舒弍仂亳从 仆舒亢舒亳 从仆仂仗从亳 仄亳. mouseup() - 丕舒仆舒于仍亳于舒亠 仂弍舒弍仂亳从 仗仂亟仆亳 从仆仂仗从亳 仄亳. mouseenter() - 丕舒仆舒于仍亳于舒亠 仂弍舒弍仂亳从 仗仂磦仍亠仆亳 从仂舒 于 仂弍仍舒亳 仍亠仄亠仆舒. 仂磦仍亠仆亳亠 仂亞仂 仂弍亳 仂舒弍仂舒仆仂 仍亠, 亠仄 舒仆亟舒仆仂亞仂 mouseover. mouseleave() - 丕舒仆舒于仍亳于舒亠 仂弍舒弍仂亳从 于仂亟舒 从仂舒 亳亰 仂弍仍舒亳 仍亠仄亠仆舒. 仂磦仍亠仆亳亠 仂亞仂 仂弍亳 仂舒弍仂舒仆仂 仍亠, 亠仄 舒仆亟舒仆仂亞仂 mouseout.
  • 25. mousemove() - 丕舒仆舒于仍亳于舒亠 仂弍舒弍仂亳从 亟于亳亢亠仆亳 从仂舒 于 仂弍仍舒亳 仍亠仄亠仆舒. mouseout() - 丕舒仆舒于仍亳于舒亠 仂弍舒弍仂亳从 于仂亟舒 从仂舒 亳亰 仂弍仍舒亳 仍亠仄亠仆舒, 仍亳弍仂 亰舒仗从舒亠 仂 仂弍亳亠. toggle() - 仂仂亠亠亟仆仂 于仗仂仍仆磳 仂亟仆 亳亰 亟于 亳仍亳 弍仂仍亠亠 亰舒亟舒仆仆 仆从亳亶, 于 仂于亠 仆舒 "从仍亳从" 仗仂 仍亠仄亠仆.