티스토리 뷰
Event
event.preventDefault() |
기본 이벤트를 저지 함. |
| event.stopPropagation() | 사용자가 첨부한 이벤트를 저지 함. |
<a href="http://jquery.com">default click action is prevented</a>
<div id="log"></div>
<script type="text/javascript">
$("a").click(function(event) {
event.preventDefault(); // 링크걸림은 막음
event.stopPropargation(); // 사용자정의 이벤트를 막음
$('<div/>')
.append('default ' + event.type + ' prevented')
.appendTo('#log');
});
</script>
HTML DOM Events
Mouse Events
| onclick | 마우스를 클릭 했을 경우 발생하는 이벤트 |
| ondblclick | 마우스를 더블클릭 했을 경우 발생하는 이벤트 |
| onmouseup | 사용자가 마우스 버튼 누름 상태를 해제할떄 발생하는 이벤트 |
| onmousedown | 사용자가 마우스를 눌렀을경우 발생하는 이벤트 |
| onmousemove | 요소 위에있는 동안 포인터를 이동하면 이벤트가 발생 |
| onmouseover | 마우스가 지정된 영역안에 들어가면 발생하는 이벤트 |
| onmouseout | 마우스가 지정된 영역을 나왔을 경우 발생하는 이벤트 |
| onmouseenter | |
| onmouseeleave |
Keyboard Events
| onkeydown | 사용자가 key를 누를때 이벤트 발생 |
| onkeypress | 사용자가 Key를 누른 상태로 있을떄 발생하는 이벤트 KeyDown이벤트가 참으로 설정되있어야 발생한다 |
| onkeyup | 사용자가 키를 놓을 때 이벤트가 발생합니다 |
Frame/Object Events
onabort |
이미지 파일 로드가 취소되었을떄 발생하는 이벤트 |
| onerror | 페이지나 그림 로드시 에러가 발생하면 발생하는 이벤트 |
| onload | 페이지나 그림이 로드되었을떄 발생하는 이벤트 |
| onresize | 문서 뷰의 크기가 변경 될 때 이벤트가 발 |
| onscroll | 문서보기를 스크롤 할 때 이벤트가 발생 |
| onunload | 이벤트는 한 페이지 (<BODY> 및 <FRAMESET>)를 언로드했다가 발생 |
Form Events
| onblur | 포커스가 창이나 프레임으로 부터 나갈떄 발생하는 이벤트 |
| onchange | 폼 내용에 변화가 있고 포커스가 폼에서 사자질떄 발생하는 이벤트 |
| onfocus | 포커스가 폼이나 창에 주어졌을떄 발생하는 이벤트 |
| onreset | 형대가 재설정되면 발생하는 이벤트 |
| onselect | 사용자가 (<INPUT> 및 <TEXTAREA>에 대한) 일부 텍스트를 선택하면 이벤트가 발생 |
onsubmit |
폼이 제출 될 때 이벤트가 발생 |
EventTarget Object
addEventListener() |
이벤트 리스너 등록 (ie8 이상부터 ) |
| dispatchEvent() | 등록된 이벤트 리스너를 보내기 (ie8 이상부터 ) |
| removeEventListener() | 이벤트 제거 (ie8 이상부터 ) |
EventListener Object
handleEvent() |
이벤트가 EventListener를 인터페이스가 등록되는 이벤트 유형 발생할 때마다 호출 |
DocumentEvent Object
| cerateEvent() | 이벤트생성 |
[출처] 자바스크립트 이벤트 핸들러|작성자 임규성
'HMLT&CSS&JS > javascript' 카테고리의 다른 글
| ECMAScript 판본과의 관계 (0) | 2013.01.08 |
|---|---|
| # javascript tip (0) | 2012.11.09 |
| 3. javascript_객체(메서드) (0) | 2012.09.06 |
| 2. javascript _ function (0) | 2012.07.05 |
| 1. javascript _ Array (0) | 2012.07.05 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday