Skip to content

Archive

Category: JavaScript

■ 이벤트의 종류와 의미 (이벤트핸들러는 이벤트에 on을 붙여 준다)

blur

포커스를 다른곳으로 옮길 경우

click

링크나 폼의 구성원을 클릭할 때

change

선택값을 바꿀 경우

focus

포커스가 위치할 경우

mouseover

마우스가 올라올 경우

mouseout

마우스가 떠날 경우

mousedown

마우스를 누를 경우

mousemove

마우스를 움직일 경우

mouseup

마우스를 눌렀다 놓을 경우

select

입력양식의 하나가 선택될 때

submit

폼을 전송하는 경우

load

페이지, 윈도우가 브라우저로 읽혀질 때

unload

현재의 브라우저, 윈도우를 떠날 때

error

문서나 이미지에서 에러를 만났을 때

reset

리셋 버튼이 눌렸을 때

dbclick

더블 클릭 [...]

window.open() 함수의 사용방법
=============================
 
onClick=”window.open(’새창에 불러올 문서’,’새창이름’,’새창속성’)”
 
Window창의 속성
================
menubar  yes/no  메뉴바를 보여주거나 숨김
toolbar  yes/no  도구막대를 보여주거나 숨김
directories yes/no  디렉토리바를 보여주거나 숨김
scrollbars yes/no  스크롤바를 보여주거나 숨김
status  yes/no  상태표시줄을 보여주거나 숨김
location yes/no  주소표시줄을 보여주거나 숨김
width  픽셀  윈도우의 가로크기를 지정
height  픽셀  윈도우의 높이를 지정
left  픽셀  윈도우의 x축 위치를 지정
top  픽셀  윈도우의 y축 위치를 지정
resizable yes/no  팝업윈도우의 크기를 사용자가 임의로 수정할 수 있는지 여부를 지정
fullscreen yes/no  전체화면 모드로 새창 열림

<script>
 window.resizeTo(800,547)
</script>

1. 마우스 우클릭 및 드래그 못하게 하기
< BODY oncontextmenu=’return false’ ondragstart=’return false’ onselectstart=’return false’ >

1. 마우스 오른쪽메뉴, 드래그, 선택복사 금지하기
<body oncontextmenu=’return false’ ondragstart=’return false’ onselectstart=’return false’>
oncontextmenu=’return false’ : 마우스 오른쪽 메뉴 금지
ondragstart=return false : 드래그 금지
onselectstart=’return false’ : 선택복사 금지
참고 onkeydown=”return false” 키보드 완전 금지
 
2. 마우스 오른쪽 버튼 클릭시 경고 메세지
<script language=JavaScript>function click() {if ((event.button==2) || (event.button==2)) {alert(’죄송합니다. 오른쪽 마우스 금지입니다. – 태그인넷 ‘);}}document.onmousedown=click// –></script> 
3. 프레임 소스보기 [...]

두개의 프레임이 나누어져 있을때 각각을 동시에 컨트롤 하는 방밥이다.
1. 프레임을 나누는 index.html 파일에 다음 자바 스크립을 정의한다.
< script language=”JavaScript” type=”text/JavaScript” >
< !–
        function menu_click() { //v3.0
          frames['topFrame'].window.location = ”./top.html”;
          frames['mainFrame'].window.location = ”./index.html”;
        }
//– >
< /script >
여기서 프레임 name 은 topFrame, mainFrame 이다.
2. top.html에서 링크를 할때 다음과 같이 한다.
< a href=”javascript:parent.menu_click()” mce_href=”javascript:parent.menu_click()” > 링크 < /a >