본문 바로가기

js-ES5

마우스 이벤트

1. 마우스 이벤트

A. mousemove 마우스가 움직일 때

 

--좌표값을 출력 후 해당 좌표값을 타깃에 입력하여 이동하는 방식

 

B. 클릭 시 이동

 

C. 깜빡이는 현상 해결하기

마우스 내에서 이벤트 받지 못하게 제약을 걸어놓은 상황에서 버블링 허용을 시켜주어야 한다.

이벤트를 document객체에서 걸어줌으로써 버블링을 허용해준다

2. Scrollify

 

 

3. form 객체

 

-- form 객체는 document의 자식객체입니다.

-- 따라서 form객체에 name속성이 있다면 name속성을 사용하여 선택해 올 수 있습니다.

a태그와 form태그를 script에서 사용하려면 event.prevenDefault() 반드시 써주어야한다.

 

4. DATE 객체

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date

 

Date - JavaScript | MDN

JavaScript Date objects represent a single moment in time in a platform-independent format. Date objects encapsulate an integral number that represents milliseconds since the midnight at the beginning of January 1, 1970, UTC (the epoch).

developer.mozilla.org

자바와 같다.

 

5. BOM(내장) 객체

-- document객체도 BOM 중 하나이다.

 

A. window 객체

-- 최상위 객체입니다.

-- 생략이 가능합니다.

'js-ES5' 카테고리의 다른 글

BOM-2  (0) 2024.02.06
BOM-1  (0) 2024.02.05
이벤트/ 버블링/ 캡쳐링  (0) 2024.02.01
노드 삽입, 복제  (0) 2024.01.31
Node  (0) 2024.01.30