테스트 사이트 - 개발 중인 베타 버전입니다

JS질문입니다. 채택완료

콩이지니 2년 전 조회 1,875

 

<p><a href="">브로슈어</a></p>

 

요기 a태그를 클릭시 다운로드 여부를 묻는 Confirm 창을 띄워서 확인을 누르면 다운로드 받고 

취소 누르면 다운로드 안되는 방식을 js로 구현하려고 하는데 

초보자라 어렵습니다.ㅜㅜ

방법이 있을까요??

 

 

댓글을 작성하려면 로그인이 필요합니다.

답변 4개

채택된 답변
+20 포인트
2년 전

<p><a href="#" id="downloadLink">브로슈어</a></p>

<script>
document.getElementById('downloadLink').addEventListener('click', function(e) {
  e.preventDefault(); // 링크의 기본 동작을 중지합니다.

  // Confirm 창을 띄웁니다.
  if (confirm('다운로드 하시겠습니까?')) {
    // 확인 버튼을 클릭한 경우, 다운로드 링크를 설정합니다.
    var downloadUrl = ''; // 다운로드할 파일의 URL을 여기에 입력하세요.
    window.location.href = downloadUrl;
  } else {
    // 취소 버튼을 클릭한 경우, 아무 동작도 수행하지 않습니다.
  }
});
</script>
 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

M
2년 전

간단하게 하실려면

 

</p>

<p> <p><a href="" onclick="if (!confirm('다운로드 하시겠습니까?')) return false;">브로슈어</a></p></p>

<p>

 

이렇게 하시면 됩니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

복스리
2년 전

</p>

<p><p><a href="javascript:fn_download()">브로슈어</a></p></p>

<p><script></p>

<p>funciton fn_download()</p>

<p>{</p>

<p>    if( confirm("다운로드 하시겠습니까?")</p>

<p>    {</p>

<p>       document.location.href = "/bbs/download.php?name=[파일명] ;</p>

<p>    }</p>

<p>}</p>

<p>

 

※ download.php 파일은 은 원하시는 파일을 다운로드 하고자하시면 그누보드 참고해서 만드시면됩니다.

기존에는 게시판 위주로 되어있으니..참고 바랍니다.

 

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

s
2년 전

<a href="javascript:download()">브로슈어</a>

<script>

function download() {

let result = window.confirm('다운로드 하시겠습니까?');

if(!result) {

// 다운로드 안함

} else {

// 다운로드 로직 실행

}

</script>

 

도움되길 바랍니다

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인