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>
'JavaScript' 카테고리의 다른 글
| JavaScript를 이용하여 현재 브라우저의 종류 알아내기 (0) | 2019.09.27 |
|---|---|
| JavaScript를 이용해서 click 이벤트 발생시키기, 이벤트 생성 (0) | 2019.06.13 |
| JavaScript의 encodeURIComponent 함수를 이용하여 인코딩 디코딩하기 (0) | 2018.07.26 |
| jQuery attr() 함수에 대해 (0) | 2018.07.23 |
| 엔터 키(Enter key)로 로그인 하기 (2) | 2017.02.03 |