当用户发出命令以打印页面时,将发生onbeforeprint事件。在打印页面之前将显示一个对话框。 onbeforeprint事件与onafterprint事件相反。
用法:
- 在HTML中:
<element onbeforeprint="myScript">
- 在JavaScript中:
object.onbeforeprint = function(){myScript};
- 在JavaScript中,使用addEventListener()方法:
object.addEventListener("beforeprint", myScript);
以下示例说明了HTML DOM中的onbeforeprint事件:
- 例:使用HTML
<!DOCTYPE html> <!DOCTYPE html> <html> <body onbeforeprint="myFunction()"> <center> <h1 style="color:green"> GeeksforGeeks </h1> <p>Try to print this page you will see a alert</p> <script> function myFunction() { alert("You are going to print this page"); } </script> </center> </body> </html>
输出:
发出打印命令后:
- 例:使用JavaScript
<!DOCTYPE html> <html> <body> <center> <h1 style="color:green"> GeeksforGeeks </h1> <p>Try to print this page you will see a alert</p> <script> document.getElementsByTagName("BODY")[0].onbeforeprint = function() { myFunction() }; function myFunction() { alert("You are going to print this page"); } </script> </center> </body> </html>
输出:
发出打印命令后:
- 例:在JavaScript中,使用addEventListener()方法:
<!DOCTYPE html> <html> <body> <center> <h1 style="color:green"> GeeksforGeeks </h1> <p>Try to print this page you will see a alert</p> <script> window.addEventListener("beforeprint", myFunction); function myFunction() { alert("You are going to print this page"); } </script> </center> </body> </html>
输出:
发出打印命令后:
支持的浏览器:下面列出了HTML DOM onbeforeprint事件支持的浏览器:
- 谷歌浏览器63.0
- IE浏览器
- Firefox
相关用法
- HTML onbeforeprint用法及代码示例
- HTML onbeforeunload事件用法及代码示例
- HTML onblur事件用法及代码示例
- HTML oncanplay事件用法及代码示例
- HTML onfocusin事件用法及代码示例
- HTML fullscreenchange事件用法及代码示例
- HTML onfocusout事件用法及代码示例
- HTML onseeking事件用法及代码示例
- HTML onclick事件用法及代码示例
- HTML oncopy事件用法及代码示例
- HTML onresize事件用法及代码示例
- HTML onreset事件用法及代码示例
- HTML onscroll事件用法及代码示例
- HTML oncontextmenu事件用法及代码示例
- HTML onseeked事件用法及代码示例
注:本文由纯净天空筛选整理自Vijay Sirra大神的英文原创作品 HTML | DOM onbeforeprint Event。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。