{"id":46,"date":"2021-09-07T17:43:19","date_gmt":"2021-09-07T17:43:19","guid":{"rendered":"https:\/\/ionicframeworktraining.com\/blogs\/?p=46"},"modified":"2021-09-14T13:32:44","modified_gmt":"2021-09-14T13:32:44","slug":"how-to-disable-right-click-in-pdf-file-in-browser","status":"publish","type":"post","link":"https:\/\/meanjstraininginstitute.com\/blogs\/2021\/09\/07\/how-to-disable-right-click-in-pdf-file-in-browser\/","title":{"rendered":"How to disable right-click in PDF file in browser"},"content":{"rendered":"\n
\n\t\t

How to disable right click in PDF file in browser<\/strong><\/h1>\n

1. Using PDF CDN<\/strong><\/h1>\n
\n

Copy-paste the script <script> into your <head><script src=\u201dhttps:\/\/cdnjs.cloudflare.com\/ajax\/libs\/pdf.js\/2.3.200\/pdf.js\u201d><\/script><\/p>\n

2. Using jQuery CDN<\/h3>\n<\/div>\n
Copy-paste the script <script> into your <head><\/div>\n
<script src=\u201dhttps:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.4.1\/jquery.min.js\u201d><\/script><\/div>\n
<\/div>\n
3. Convert PDF file to Canvas, Disable F12 and right Click on the window<\/strong><\/div>\n
<\/div>\n
<script><\/div>\n
\n
\n
window.onload = function() {<\/div>\n
    document.addEventListener(\u201ccontextmenu\u201d, function(e){<\/div>\n
        e.preventDefault();<\/div>\n
        if(event.keyCode == 123) {<\/div>\n
        disableEvent(e);<\/div>\n
    }<\/div>\n
    }, false);<\/div>\n
 function disableEvent(e) {<\/div>\n
        if(e.stopPropagation) {<\/div>\n
            e.stopPropagation();<\/div>\n
        } else if(window.event) {<\/div>\n
            window.event.cancelBubble = true;<\/div>\n
        }<\/div>\n
    }<\/div>\n
}<\/div>\n
$(document).contextmenu(function() { return false;});<\/div>\n
url = \u201cfileUrl\u201d;<\/div>\n
var thePdf = null;<\/div>\n
var scale = 1;<\/div>\n
pdfjsLib.getDocument(url).promise.then(function(pdf) {<\/div>\n
          thePdf = pdf;<\/div>\n
          viewer = document.getElementById(\u2018pdf-viewer\u2019);<\/div>\n
          for(page = 1; page <= pdf.numPages; page++) {<\/div>\n
            canvas = document.createElement(\u201ccanvas\u201d);<\/div>\n
            canvas.className = \u2018pdf-page-canvas\u2019;<\/div>\n
            viewer.appendChild(canvas);<\/div>\n
            renderPage(page, canvas);<\/div>\n
          }<\/div>\n
      });<\/div>\n
      function renderPage(pageNumber, canvas) {<\/div>\n
          thePdf.getPage(pageNumber).then(function(page) {<\/div>\n
            viewport = page.getViewport(scale);<\/div>\n
            canvas.height = viewport.height;<\/div>\n
            canvas.width = viewport.width;<\/div>\n
            page.render({canvasContext: canvas.getContext(\u20182d\u2019), viewport: viewport});<\/div>\n
      });<\/div>\n
      }<\/div>\n
<\/script><\/div>\n
<\/div>\n<\/div>\n
4. HTML Code<\/strong><\/div>\n
<\/div>\n
\n
\n
 <body><\/div>\n
     <div id=\u201dpdf-viewer\u201d><\/div>\n
     <\/div><\/div>\n
 <\/body><\/div>\n<\/div>\n<\/div>\n<\/div>\n
<\/div>\n
Note:- this file should be in the Server root folder. i.e (htdocs, www\u2026)<\/strong><\/div>\n\t\t\t<\/div>\n","protected":false},"excerpt":{"rendered":"

4 Steps to disable right click in PDF file in browser using pdf.js
\n1. Using PDF CDN
\nCopy-paste the script..<\/p>\n","protected":false},"author":1,"featured_media":52,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-46","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/meanjstraininginstitute.com\/blogs\/wp-json\/wp\/v2\/posts\/46","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meanjstraininginstitute.com\/blogs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meanjstraininginstitute.com\/blogs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meanjstraininginstitute.com\/blogs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/meanjstraininginstitute.com\/blogs\/wp-json\/wp\/v2\/comments?post=46"}],"version-history":[{"count":13,"href":"https:\/\/meanjstraininginstitute.com\/blogs\/wp-json\/wp\/v2\/posts\/46\/revisions"}],"predecessor-version":[{"id":75,"href":"https:\/\/meanjstraininginstitute.com\/blogs\/wp-json\/wp\/v2\/posts\/46\/revisions\/75"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/meanjstraininginstitute.com\/blogs\/wp-json\/wp\/v2\/media\/52"}],"wp:attachment":[{"href":"https:\/\/meanjstraininginstitute.com\/blogs\/wp-json\/wp\/v2\/media?parent=46"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meanjstraininginstitute.com\/blogs\/wp-json\/wp\/v2\/categories?post=46"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meanjstraininginstitute.com\/blogs\/wp-json\/wp\/v2\/tags?post=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}