Develop record

[Javascript] Event 본문

Programming Language/Javascript

[Javascript] Event

seong's log 2024. 1. 14. 01:35

- 사용 중이거나 프로그래밍 중인 시스템 내에서 일어나는 사건

- 이벤트 핸들러 : 이벤트가 발생되면 실행될 코드 블록 

- 이벤트 핸들러 등록 : 이벤트 핸들러 역할을 수행할 함수를 정의하는 것

=> event handler register : 이벤트가 발생하면 이 함수를 호출해라!

- 이벤트 속성에 함수를 대입하는 것과 함수 호출문을 대입하는 것은 다름

const inputType = document.querySelector("#typing")
const inputClick = document.querySelector("#push")

const handleTyping = function(){
    console.log("타이핑 되고 있어요")
}

const handleClick = function(){
    console.log("클릭되고 있어요")
}

inputType.onkeydown = handleTyping //key를 누를 때 마다 실행
inputClick.onclick = handleClick //클릭 할 때 마다 실행

inputType.onkeydown = function(){
    console.log("타이핑 되고 있어요")
}

inputClick.onclick = function(){
    console.log("클릭되고 있어요")
}

 

 

'Programming Language > Javascript' 카테고리의 다른 글

[Javascript] createElement, appendChild  (0) 2024.01.14
[Javascript] addEventListener  (0) 2024.01.14
[Javascript]함수  (1) 2024.01.11
[Javascript] For  (0) 2024.01.10
[Javascript] While  (0) 2024.01.10