개발하는 냥이 (=ↀωↀ=)

* 마우스 이벤트 mouseenter : h2태그안에 마우스가 들어갈때 mouseleave : 마우스가 나갈때 mousedown : 마우스 클릭시 mouseup : 마우스가 올라올때 mousemove : 마우스가 움직일때 CSS 소스 HTML 소스 마우스 이벤트 연습 스크립트 결과

개발/JavaScript 2020. 8. 4. 10:49

HTMl 소스 결과

개발/JavaScript 2020. 8. 3. 16:36

onfocus : 포커스를 받은 경우 이벤트 설정 onblur : 포커스가 해지될 때 이벤트 설정 HTML 소스 스크립트 결과

개발/JavaScript 2020. 7. 29. 17:53

이벤트 전파 막기 : 이벤트 객체.stopPropagation() : addEventListener(이벤트타입, 콜백함수(리스너함수), true/false(기본)) : true - 캡처링 방식 (부모에서 자식으로 전파) : false - 버블링 방식 (자식에서 부모로), 크롬에서는 false가 디폴트값임 CSS 소스 HTML 소스 이벤트 전파 방식 이벤트 전파 스크립트 결과

개발/JavaScript 2020. 7. 29. 17:34

기본 이벤트 중지 시키기 자동이벤트 발생하는 이벤트 (form onsubmit=return false, a href ... ) 중지시키기 이벤트객체.preventDefault(); a 태그 링크의 이동 막기 HTML 소스 링크1 링크2 onclick 링크2 onclick : return false 링크3 링크4 링크5 스크립트 결과

개발/JavaScript 2020. 7. 29. 17:18

사용자가 이벤트를 발생시키는것이 아닌 코드를 이용해서 이벤트를 특정 시점에 발생 CSS 소스 HTML 소스 이벤트 강제 발생시키기 0 스크립트 결과

개발/JavaScript 2020. 7. 29. 17:12

이벤트가 발생하게 되면 발생된 이벤트에 대한 정보를 가지고 있는 객체 CSS 소스 HTML 소스 이벤트 객체 시작 중지 스크립트 결과

개발/JavaScript 2020. 7. 29. 16:48

객체.onclick = fn2; -> 기존방식 태그내에 onclick값이 있을 경우 추가로 설정시 덮어쓰기됨 여러개의 이벤트 함수 호출 불가능 객체.addEventListener(이벤트타입, 콜백함수(이벤트리스너), 전파방식(캡처링, 버블링)) -> 요즘권장방식 태그안에 직접 쓰던 onclick이 아닌 타입인 click만 줌 button 태그내에 onclick값이 있을 경우 모두 실행됨 onclick 속성이 아닌, 별도의 이벤트로 관리 이벤트 중첩(다중) 등록이 가능 이벤트 삭제 객체.removeEventListener(이벤트타입, 콜백함수(이벤트리스너)) CSS 소스 HTML 소스 표준 이벤트 설정방식 클릭 스크립트 결과

개발/JavaScript 2020. 7. 29. 15:01