Notice
Recent Posts
Recent Comments
Links
«   2024/12   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
Tags more
Archives
Today
In Total
관리 메뉴

A Joyful AI Research Journey🌳😊

JavaScript: onbeforeprint 사용해서 [다운로드] 버튼 작동하게 만들기 본문

💻Bootcamp Self-Study Revision✨/JavaScript, jQuery, Ajax

JavaScript: onbeforeprint 사용해서 [다운로드] 버튼 작동하게 만들기

yjyuwisely 2023. 4. 24. 15:13

230424 Mon, 230425 Tue

더 쉬운 방법: onclick="window.print()"도 있다.

<button onclick="window.print()">증명서 다운로드</button>


The onbeforeprint event occurs when a page is about to be printed.

The onbeforeprint event occurs before the print dialogue box opens.

아래 코드를 사용하면 [증명서 다운로드] 버튼이 작동한다.

<!DOCTYPE html>
<html>
<button onclick="printPage()">증명서 다운로드</button>

<script>
function printPage() {
  window.print();
}

window.onbeforeprint = function() {
  // Simulate Ctrl+P keypress
  var event = new KeyboardEvent('keydown', {
    key: 'p',
    ctrlKey: true
  });
  document.dispatchEvent(event);
}
</script>
</body>
</html>


참고: https://www.w3schools.com/jsref/event_onbeforeprint.asp

728x90
반응형
저작자표시 비영리 동일조건

'💻Bootcamp Self-Study Revision✨ > JavaScript, jQuery, Ajax' 카테고리의 다른 글

HTML5 + CSS3 + JavaScript로 배우는 웹프로그래밍 기초) Ajax  (0) 2023.06.14
JavaScript: onchange, onkeyup, blur  (0) 2023.05.04
JavaScript: fade 효과 AOS 애니메이션 쓰기  (0) 2023.04.22
230329 jQuery 전체 약관, 선택 약관 눌렀을 때 전체, 특정 체크 박스 클릭 되게 만들기  (0) 2023.03.30
'💻Bootcamp Self-Study Revision✨/JavaScript, jQuery, Ajax' Related Articles more
Comments