javascript beforeprint事件

admin發表於2017-03-31

當使用者設定列印,但是並沒有彈出列印設定對話方塊之前觸發此事件。

onbeforeprint事件就是beforeprint事件,因為使用方式的原因,也習慣稱之為onbeforeprint事件,如同click事件稱作onclick事件。

與onafterprint事件有點類似,當然區別也是很大的,具體可以參閱onafterprint事件一章節。

HTML4.01與HTML5之間的差異:

HTML5新增此事件。

瀏覽器支援:

(1).IE瀏覽器支援此事件。

(2).火狐瀏覽器支援此事件。

(3).谷歌瀏覽器不支援此事件。

(4).Safari瀏覽器支援此事件。

(5).Opera瀏覽器支援此事件。

程式碼例項:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script>
function printmsg(){
  alert("將要列印頁面");
}
window.onload=function(){
  document.body.onbeforeprint=function(){
    printmsg()
  }
}
</script>
</head>
<body>
<h1>螞蟻部落</h1>
<p><b>提示:</b> 快捷鍵, 如 Ctrl+P 設定列印頁面。</p>
<p><b>注意:</b> 目前只有 Internet Explorer 和 Firefox 瀏覽器支援 onafterprint 事件。</p>
</body>
</html>

相關文章