jQuery 이벤트 메소드

제이쿼리를 사용하면 이벤트에 대한 제어를 많이 하게 된다. 사용자가 마우스를 올리거나, 타이핑을 하는 경우에 DB의 정보를 가져오거나, 특정 노드를 추가하거나, CSS를 변경하는 등 이러한 것이 제이쿼리를 통해 가능하기 때문에 이벤트를 어떻게 발생시키고, 삭제 하는지 제어하는 방법에 익숙해 지는 것이 좋다.

 

 

이벤트 연결 제거 unbind( )  / one( )

• one( ) : 딱 한번만 연결하게 하는 것
• unbind( ) 메서드 사용 방법
• $(선택자).unbind( )
• $(선택자).unbind( eventName )
• $(선택자).unbind(  eventName, function )

hover( )

• mouseenter 이벤트와 mouseleave 이벤트를 동시에 연결
• 제이쿼리가 아닌 css로도 처리 가능하여 일반적으로 CSS3를 사용하면 CSS에서 사용하는 경우가 많다.

 

 

이벤트 강제 발생 : trigger( )

• $( 선택자 ).trigger( eventName )
• $( 선택자 ).trigger( eventName, data )

이벤트 제거

• preventDefault( ) : 기본 이벤트를 제거
• stopPropagation( ) : 이벤트 전달을 제거

 

이벤트 통합 메서드

• on( ) : 이벤트를 연결
• 기존 bind( ) , liv( ), delegate( ) 통합
• off( ) : 이벤트 제거
• unbind( ), die( ), undelegate( )