IT

동적태그를 이용하여 게시판 목록과 상세화면을 구현한다고 가정하면 브라우저 앞으로가기 뒤로가기를 이용하여 게시글 목록과 내용으로 이동할수 없을것이다.

이것을 가능하게 끔 하는게 history.pushState 함수이다.

history.pushState(state, title, url) 형식으로 state에는 전달하고 싶은 object를 title은 브라우저의 타이틀 url은 해당히스토리를 브라우저에 표시할 url명을 각각 입력하면된다.

히스토리를 수정하고 싶을때는 history.replaceState(state, title, url) 함수를 이용한다.

사용예제

onblur - 입력양식에서 포커스가 다른 곳으로 이동 했을 때

onclick - 입력양식이나 링크를 마우스로 클릭했을 때

onfocus - 입력양식 필드로 포커스가 들어왔을 때

onmouseover - 링크위로 마우스가 지나갔을 때

onload - 브라우저에서 문서가 읽혀 졌을 때

onselect - 입력양식의 한 필드를 선택했을 때

onsubmit  - 입력양식을 서버로 보낼때

onunload - 브라우저에서 문서가 없어졌을 때

onabort - 이미지를 읽다가 중단시켰을 때

onerror - 문서나 이미지를 읽다가 에러가 발생 했을 때

onmouseout - 마우스가 링크나 특정영역안에 있다가 나갔을 때

onreset - 입력양식에서 리셋 시켰을 때

ondbclick - 마우스를 더블클릭 했을 때

ondragdrop - 마우스를 클릭한 상태에서 움직였을 때

onkeydown - 키를 입력 했을 때

onkeypress - 키를 눌렀을 때

onkeyup - 키를 눌렀다 놓았을 때

onmousedown - 마우슬 버튼을 눌렀을 때

onmousemove - 마우스를 움직엿을 때

onmouseup - 마우스 버튼을 눌렀다 놓았을 때

onmove - 윈도우나 프레임을 움직였을 때

onresize - 윈도우나 프레임의 크기를 변경했을 때