본문 바로가기

Programming/JQuery

jQuery Event - Browser Events

jQuery Event - Browser Events

.error() 오류가 발생할 때 발생되는 이벤트
.resize() 화면 크기가 변경될 때 발생하는 이벤트
.scroll() 스크롤이 움직일 때 발생하는 이벤트

 

[ .resize(handler(eventObject) ]

창의 크기가 변할 때 발생하는 이벤트

.resize( handler(eventObject) )
  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>

윈도우 창의 크기가 변할때마다 "div"태그에 창의 넓이를 보여준다.

 

[ .scroll(handler(eventObject)) ]

스크롤이 움직일 때 발생하는 이벤트

.scroll( handler(eventObject) )
  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) ) 이벤트가 발생하면 실행될 기능.

 

원본 : http://findfun.tistory.com/

'Programming > JQuery' 카테고리의 다른 글

jQuery - 폼 지원 메소드  (0) 2012.04.27
jQuery - 스타일 관련 메소드  (0) 2012.04.26
jQuery Event - Browser Events  (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