JavaScript의 preventDefault() 메소드에 관해
HTML에서 a 태그는 기본적으로 href가 지정한 URL로 이동하게되어 있다. 그런데 기본적인 링크 동작을 다르게 변경하거나 추가할 뭔가가 있을 때 JavaScript에서 기본적인 연결을 해제하고 JavaScript 단에서 다른 원하는 동작을 하게 할수도 있다.
<!DOCTYPE html>
<html>
<body>
<hr/>
<a id="myBlog" href="http://developer-joe.tistory.com/">코드조각 블로그로 이동</a>
<p>JavaScript의 preventDefault() 함수는 위의 링크에 있는 url 연결 동작을 해제한다.</p>
<script>
document.getElementById("myBlog").addEventListener("click", function(event){
event.preventDefault();
});
</script>
</body>
</html>
댓글 없음:
댓글 쓰기