БообщСство RSS DEV

πŸ‘‚ Как Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ ΡΠ»ΡƒΡˆΠ°Ρ‚Π΅Π»ΠΈ событий Π² JavaScript

"Π‘Π»ΡƒΡˆΠ°Ρ‚Π΅Π»ΠΈ событий Π² JavaScript ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ Ρ€Π΅Π°Π³ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π½Π° взаимодСйствия ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΠΊΠ»ΠΈΠΊΠΈ ΠΈ Π²Π²ΠΎΠ΄ тСкста. Π‘ΠΎΠ±Ρ‹Ρ‚ΠΈΠ΅ - это дСйствиС, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ происходит Π½Π° Π²Π΅Π±-страницС, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΊΠ»ΠΈΠΊ ΠΏΠΎ ΠΊΠ½ΠΎΠΏΠΊΠ΅ ΠΈΠ»ΠΈ ΠΏΠΎΠ΄Π°Ρ‡Π° Ρ„ΠΎΡ€ΠΌΡ‹. Π‘Π»ΡƒΡˆΠ°Ρ‚Π΅Π»ΠΈ событий - это "Π½Π°Π±Π»ΡŽΠ΄Π°Ρ‚Π΅Π»ΠΈ", ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π·Π°ΠΏΡƒΡΠΊΠ°ΡŽΡ‚ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹ΠΉ ΠΊΠΎΠ΄, ΠΊΠΎΠ³Π΄Π° происходит событиС. ΠœΠ΅Ρ‚ΠΎΠ΄ addEventListener() ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡Ρ‚ΠΈΡ‚Π΅Π»ΡŒΠ½Π΅Π΅, Ρ‡Π΅ΠΌ onclick, ΠΈΠ·-Π·Π° своСй гибкости ΠΈ чистоты ΠΊΠΎΠ΄Π°. Мultiple ΡΠ»ΡƒΡˆΠ°Ρ‚Π΅Π»ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ ΠΏΡ€ΠΈΠΊΡ€Π΅ΠΏΠ»Π΅Π½Ρ‹ ΠΊ ΠΎΠ΄Π½ΠΎΠΌΡƒ элСмСнту с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ addEventListener(). Π‘Π»ΡƒΡˆΠ°Ρ‚Π΅Π»ΠΈ событий ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ ΡƒΠ΄Π°Π»Π΅Π½Ρ‹ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ removeEventListener(), ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ΠΈ большС Π½Π΅ Π½ΡƒΠΆΠ½Ρ‹. ΠžΠ±Ρ‰ΠΈΠ΅ Ρ‚ΠΈΠΏΡ‹ событий Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ "ΠΊΠ»ΠΈΠΊ", "Π½Π°ΠΆΠ°Ρ‚ΠΈΠ΅ клавиши", "ΠΎΡ‚ΠΏΡ€Π°Π²ΠΊΠ°", "Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠ΅ курсора", "Π²Π²ΠΎΠ΄", ΠΈ "ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΡƒ". Когда происходит событиС, JavaScript прСдоставляСт ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ события, содСрТащий ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎ событии. Π‘Π»ΡƒΡˆΠ°Ρ‚Π΅Π»ΠΈ событий ΡΠ²Π»ΡΡŽΡ‚ΡΡ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ΠΌΠΈ для создания ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… ΠΈ ΠΎΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²Ρ‹Ρ… Π²Π΅Π±-страниц. ЭкспСримСнтированиС с Ρ€Π°Π·Π½Ρ‹ΠΌΠΈ ΡΠ»ΡƒΡˆΠ°Ρ‚Π΅Π»ΡΠΌΠΈ событий ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΡƒΠΊΡ€Π΅ΠΏΠΈΡ‚ΡŒ ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΈ ΠΏΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅."
favicon
dev.to
πŸ‘‚ How Event Listeners Work in JavaScript