Develop record
[Javascript] Event 본문
- 사용 중이거나 프로그래밍 중인 시스템 내에서 일어나는 사건
- 이벤트 핸들러 : 이벤트가 발생되면 실행될 코드 블록
- 이벤트 핸들러 등록 : 이벤트 핸들러 역할을 수행할 함수를 정의하는 것
=> 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 |