3.15. [JAVASCRIPT] 마우스 이벤트


3.15. [JAVASCRIPT] 마우스 이벤트

앞에서 "onclick" 이벤트에 대해 배웠습니다. 그렇다면 "ondbclik"은 무엇일까요? 또 "onmouseover"는 어떤 이벤트일까요? 이름만 들어도 무슨 이벤트인지 안다면 컴퓨터 앞에서 시간 좀 보내신 분들이겠습니다. 여기에 더하여 "onmouseout" 이벤트도 있습니다. 마우스 관련 이벤트는 이름만 들어도 알 것 같습니다. 앞에서 배운 방법대로 "속성" 또는 "DOM" 객체로 이벤트를 생성하면 아래와 같이 동일한 이벤트(onclick)가 반복될 때 두 번째 이후 이벤트를 인식하지 못하고 첫 번째 이벤트만이 실행되는 제한점이 있습니다. <button id="btn" onclick="alert('실행문1');" onclick="alert('실행문2');">실행문</button> 그래서 매서드를 통한 이벤트 등록 방법이 필요하게 됩니다. 아래는 "addEventListener" 매서드를 이용하여 "btn1"을 클릭했을 때 실행문1, 실행문2를 순차적으로 보여주는 코딩입니다....


#addEventListener #javascript #마우스이벤트 #자바스크립트

원문링크 : 3.15. [JAVASCRIPT] 마우스 이벤트