2013년 11월 14일 목요일

기본이벤트 제거, 이벤트 전달을 막는 메소드, preventDefault, stopPropagation(jquery학원교육, jquery강의강좌,구로디지털제이쿼리교육)

기본이벤트 제거, 이벤트 전달을 막는 메소드, preventDefault, stopPropagation(jquery학원교육, jquery강의강좌,구로디지털제이쿼리교육) 

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

<style>
* {margin:5px; padding:5px;
border:2px; solid:red;  }
</style>
<script src="/ajaxjquery/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("a").click(function () {
$(this).css("backgroud-color", "Gray");
//H1 태그 눌렀을 때  실행되는 a 태그 기본 이벤트 제거
event.preventDefault();
//아래의 background BLUE되는것조차 막음
//모든 이벤트 전달막음, 아래 주석풀고 실행요
//event.stopPropagation();
//return false;<--preventDefault, stopPropagation 같이쓴효과
});
 $("h1").click(function () {
$(this).css("background-color", "Blue");
});
}); </script><body>    
<h1><a href="http://www.onjprogramming.co.kr">오엔제이프로그래밍실무학원</a></h1>

 

댓글 없음:

댓글 쓰기