发表新帖
发表新帖

How to Disable the CTRL+P using javascript or Jquery?

后端 未结
关注
11 1037
一生所求
一生所求 2020-12-31 06:17

Here I tried to disable the Ctrl+P but it doesn\'t get me alert and also it shows the print options

jQuery(document).bind(\"keyup keydo
相关标签:
11条回答
  • 自闭症患者
    2020-12-31 06:18

    there are some shortcuts you simply can't override with javascript, i learned it the hard way. I suppose CTRL+P is one of them.

    one way to override them would be to deploy a chrome pacakged app.

    0 讨论(0)
  • 广开言路
    2020-12-31 06:20

    This is basically Peters answer from above. The difference is I added the accountability for mac when pressing the cmd+p button combo to print a page.

    $(document).on('keydown', function(e) { 
    if((e.ctrlKey || e.metaKey) && (e.key == "p" || e.charCode == 16 || e.charCode == 112 || e.keyCode == 80) ){
        alert("Please use the Print PDF button below for a better rendering on the document");
        e.cancelBubble = true;
        e.preventDefault();

        e.stopImmediatePropagation();
    }  
});
    0 讨论(0)
  • 梦谈多话
    2020-12-31 06:21

    You can't prevent the user from printing, but you can hide everything when the user prints the document by using simple CSS:

    <style type="text/css" media="print">
    * { display: none; }
</style>

    Updated fiddle.

    If you would like to show the visitor a custom message when he/she try to print rather then just a blank page, it's possible with client side code but first wrap all your existing contents like this:

    <div id="AllContent">
    <!-- all content here -->
</div>

    And add such a container with the custom message:

    <div class="PrintMessage">You are not authorized to print this document</div>

    Now get rid of the <style type="text/css" media="print"> block and the code would be:

    if ('matchMedia' in window) {
    // Chrome, Firefox, and IE 10 support mediaMatch listeners
    window.matchMedia('print').addListener(function(media) {
        if (media.matches) {
            beforePrint();
        } else {
            // Fires immediately, so wait for the first mouse movement
            $(document).one('mouseover', afterPrint);
        }
    });
} else {
    // IE and Firefox fire before/after events
    $(window).on('beforeprint', beforePrint);
    $(window).on('afterprint', afterPrint);
}

function beforePrint() {
    $("#AllContent").hide();
    $(".PrintMessage").show();
}

function afterPrint() {
    $(".PrintMessage").hide();
    $("#AllContent").show();
}

    Code is adopted from this excellent answer.

    Updated fiddle. (showing message when printing)

    0 讨论(0)
  • 时光取名叫无心
    2020-12-31 06:26

    After much testings on various browsers, it is easier to intercept the keys when they are down (not pressed) because some of this "App integrated keys" are difficult to intercept with the "keypress" event.

    I came up with this script that is sort of cross browser compatible (I didn't test for Microsoft's IE). Notice that the browsers return different codes for some keys. In my case I wanted to prevent Ctrl+P.

    The key "P" on chrome is seen as e.keyCode == 80, on opera, it is e.charCode == 16, while on firefox it is e.charCode == 112

    $(document).on('keydown', function(e) {
    if((e.ctrlKey || e.metaKey) && (e.key == "p" || e.charCode == 16 || e.charCode == 112 || e.keyCode == 80) ){
        alert("Please use the Print PDF button below for a better rendering on the document");
        e.cancelBubble = true;
        e.preventDefault();

        e.stopImmediatePropagation();
    }  
});

    I used jQuery.

    0 讨论(0)
  • 逝去的感伤
    2020-12-31 06:28

    To disable Ctrl+P printing by using javascript use below code:

    window.addEventListener('keydown', function(event) {
    if (event.keyCode === 80 && (event.ctrlKey || event.metaKey) && !event.altKey && (!event.shiftKey || window.chrome || window.opera)) {
        event.preventDefault();
        if (event.stopImmediatePropagation) {
            event.stopImmediatePropagation();
        } else {
            event.stopPropagation();
        }
        return;
        }
}, true);
    0 讨论(0)
  • 生来不讨喜
    2020-12-31 06:29 
    <script>
      function isKeyPressed(event) 
      {
        if(event.ctrlKey == 1)
        {
          alert("Please Submit exam form befor printing");
        }
      }
    </script>

<body onkeydown="isKeyPressed(event)">
<p>this is the solution</p>
</body>
    0 讨论(0)
 看不清?
提交回复
热议问题