站长网(Downzz.com)
站长网(Downzz.com)
当前位置:首页 > 站长教程 > 建站经验 > JS教程
javascript beforeprint事件_JS实例
时间:2019-10-27 09:10:59 围观:743 来源:Downzz

当用户设置打印,但是并没有弹出打印设置对话框之前触发此事件。

onbeforeprint事件就是beforeprint事件,因为使用方式的原因,也习惯称之为onbeforeprint事件,如同click事件称作onclick事件。

与onafterprint事件有点类似,当然区别也是很大的,具体可以参阅onafterprint事件一章节。

HTML4.01与HTML5之间的差异:

HTML5新增此事件。

浏览器支持:

(1).IE浏览器支持此事件。

(2).火狐浏览器支持此事件。

(3).谷歌浏览器不支持此事件。

(4).Safari浏览器支持此事件。

(5).Opera浏览器支持此事件。

代码实例:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.downzz.com/" />
<title>Downzz.com</title>
<script>
function printmsg(){
  alert("将要打印页面");
}
window.onload=function(){
  document.body.onbeforeprint=function(){
    printmsg()
  }
}
</script>
</head>
<body>
<h1>Downzz.com</h1>
<p><b>提示:</b> 快捷键, 如 Ctrl+P 设置打印页面。</p>
<p><b>注意:</b> 目前只有 Internet Explorer 和 Firefox 浏览器支持 onafterprint 事件。</p>
</body>
</html>

文章为作者独立观点不代表本网立场,未经允许不得转载。