<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
function query(){
ret = confirm("너튜브로 이동하시겠습니까?");
return ret;//true or false
}
function noAction(e){
e.preventDefault();//이벤트 강제 취소
}
</script>
</head>
<body>
<h3>이벤트의 디폴트 행동 취소</h3><hr>
<a href="http://youtube.com" onclick="return query()">유튜브</a>
<form>
<input type="checkbox">빵<br>
<input type="checkbox" onclick="noAction(event)"/*disabled*/>술<br>
</form>
</body>
</html>
'Javascript' 카테고리의 다른 글
<script> 태그의 defer 속성 (0) | 2020.12.27 |
---|---|
비동기 지옥 콜백함수 / promise (0) | 2020.12.07 |
이벤트 리스너에서 이벤트 객체 전달 받기.html (0) | 2020.03.18 |
DOM 객체의 이벤트 리스너 프로퍼티에 작성.html (0) | 2020.03.17 |
div 태그의 DOM 객체 동적 생성.html (0) | 2020.03.17 |