Javascript & HTML & CSS/jQuery
jquery 이벤트 막기
클레잇
2016. 12. 6. 23:16
기본 이벤트를 제거하는 함수
preventDefault();
사용법
$("div").on('click', function(e){
e.preventDefault();
});
이벤트 전달을 막기
stopPropagation();
사용법
$("div").on('click', function(e){
e.stopPropagation();
}
<html>
<head>
<script src="https://code.jquery.com/jquery-3.1.1.js"></script>
<style>
div{
width:100px;
height:100px;
background-color:red;
}
</style>
<script>
$(function(){
$("div>a").on('click', function(e){
e.stopPropagation();
e.preventDefault();
});
$("div").on('click', function(){
alert();
});
});
</script>
</head>
<body>
<div>
<a href="http://www.naver.com">naver</a>
</div>
</body>
</html>