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("클릭되고 있어요")
}