当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


HTML onbeforeprint事件用法及代码示例


当用户发出命令以打印页面时,将发生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


相关用法


注:本文由纯净天空筛选整理自Vijay Sirra大神的英文原创作品 HTML | DOM onbeforeprint Event。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。