jQuery Event - Browser Events
| .error() | 오류가 발생할 때 발생되는 이벤트 |
| .resize() | 화면 크기가 변경될 때 발생하는 이벤트 |
| .scroll() | 스크롤이 움직일 때 발생하는 이벤트 |
[ .resize(handler(eventObject) ]
창의 크기가 변할 때 발생하는 이벤트
.resize( handler(eventObject) )
handler(eventObject) 이벤트가 실행될 때 동시에 수행될 기능
.resize( [eventData], handler(eventObject) )
eventData 이벤트 핸들러에 전달될 데이터 맵
handler(eventObject) 이벤트가 실행될 때 동시에 수행될 기능
.resize()
handler(eventObject) 이벤트가 실행될 때 동시에 수행될 기능
.resize( [eventData], handler(eventObject) )
eventData 이벤트 핸들러에 전달될 데이터 맵
handler(eventObject) 이벤트가 실행될 때 동시에 수행될 기능
.resize()
resize 핸들러 안의 코드는 핸들러가 호출될 때마다 실행되지는 않습니다. 구현 방법에 따라, resize 이벤트는 사이즈가 변화하는 동안 연속적으로 발생할 수 있습니다. (전통적인 방식인 Internet Explorer 와 WebKit-based 브라우져인 Safari 와 Chrome 같은 브라우져에서) 또는 단 한번만 실행되는 경우도 있습니다. (Opera 브라우져 같은).
[ .resize() 이벤트 사용 예제 ]
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery Selector</title>
<link href="../Styles/Site.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$(window).resize(function() { $('body').prepend('<div>' + $(window).width() + '</div>');});
});
</script>
</head>
<body>
창의 넓이는 : <div></div>
</body>
</html>
<head>
<title>jQuery Selector</title>
<link href="../Styles/Site.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$(window).resize(function() { $('body').prepend('<div>' + $(window).width() + '</div>');});
});
</script>
</head>
<body>
창의 넓이는 : <div></div>
</body>
</html>
윈도우 창의 크기가 변할때마다 "div"태그에 창의 넓이를 보여준다.
[ .scroll(handler(eventObject)) ]
스크롤이 움직일 때 발생하는 이벤트
.scroll( handler(eventObject) )
handler(eventObject) 이벤트가 발생하면 실행될 기능.
.scroll( [eventData], handler(eventObject) )
eventData 이벤트 핸들러에 전달될 데이터 맵.
handler(eventObject) ) 이벤트가 발생하면 실행될 기능.
.scroll()
handler(eventObject) 이벤트가 발생하면 실행될 기능.
.scroll( [eventData], handler(eventObject) )
eventData 이벤트 핸들러에 전달될 데이터 맵.
handler(eventObject) ) 이벤트가 발생하면 실행될 기능.
.scroll()
[ .error(handler(eventObject)) ]
에러가 발생할 때 발생하는 이벤트
.error( handler(eventObject) )
handler(eventObject) 이벤트가 발생하면 실행될 기능.
.error( [eventData], handler(eventObject) )
eventData 이벤트 핸들러에 전달될 데이터 맵.
handler(eventObject) ) 이벤트가 발생하면 실행될 기능.
handler(eventObject) 이벤트가 발생하면 실행될 기능.
.error( [eventData], handler(eventObject) )
eventData 이벤트 핸들러에 전달될 데이터 맵.
handler(eventObject) ) 이벤트가 발생하면 실행될 기능.
'Programming > JQuery' 카테고리의 다른 글
| jQuery - 폼 지원 메소드 (0) | 2012.04.27 |
|---|---|
| jQuery - 스타일 관련 메소드 (0) | 2012.04.26 |
| jQuery Event - .one() & .live() & .die() (0) | 2012.04.24 |
| jQuery Event - .bind() & .unbind() (0) | 2012.04.24 |
| jQuery Event - Document loading (0) | 2012.04.24 |
