Skip to Content (Press Enter)
UserImage.jpg
Ellakkiya
250Views
5Comments
restrict screenshot
Question

How to restrict screenshot for both mobile and web?

I have used the javascript for web application on keypress function, but it is not working

SyntaxEditor Code Snippet

function print()
{
if(event.charCode==44)
{
    return false;
}
}
0
0
07 Jan 2019
Copy Link
2024-02-27 12-57-22
Sam Rijkers

Hi Ellakkiya,

One possibility is to do it with CSS. Check out this link how to achieve it.

Sam

1
0
07 Jan 2019
Copy Link
2023-07-28 17-00-32
Marco Arede
 
MVP

Hi Ellakkiya Selvadurai,

In case is possible for you, try this CSS code to hide page on print:

@media print {
    html, body {
       display: none;
    }
}

Regards,



0
0
07 Jan 2019
Copy Link
UserImage.jpg
Ellakkiya

Marco Arede wrote:

Hi Ellakkiya Selvadurai,

In case is possible for you, try this CSS code to hide page on print:

@media print {
    html, body {
       display: none;
    }
}

Regards,



Thankyou for reply Sam Rijkers and Marco Arede,

I have tried with this css but it is not working.


0
0
07 Jan 2019
Copy Link
2021-04-09 11-42-43
assif_tiger
 
MVP

Ellakkiya Selvadurai wrote:

How to restrict screenshot for both mobile and web?

I have used the javascript for web application on keypress function, but it is not working

SyntaxEditor Code Snippet

function print()
{
if(event.charCode==44)
{
    return false;
}
}

Hi Ellakkiya,


Web pages can not control all or part of the client PC for security reasons & The Print-screen button is handled by the OS of the client PC. By default it is even not passed to running applications like a web browser. The only solution is to let an application hook the keyboard input using an OS specific method. But such is not supported by JavaScript.

Even with the normal MVC framework of PHP or Node it is quite impossible to do so.

-----------------------------------------------------------------


@media print {
    html, body {
       display: none;  /* hide whole page */
    }
}

This will work with print command but not with "print screen"!

And I am pretty sure there's no way to achieve that, as of  Print screen is a part of the OS, not the browser.

Thanks





0
0
07 Jan 2019
Copy Link
UserImage.jpg
Ellakkiya

assif_tiger wrote:

Ellakkiya Selvadurai wrote:

How to restrict screenshot for both mobile and web?

I have used the javascript for web application on keypress function, but it is not working

SyntaxEditor Code Snippet

function print()
{
if(event.charCode==44)
{
    return false;
}
}

Hi Ellakkiya,


Web pages can not control all or part of the client PC for security reasons & The Print-screen button is handled by the OS of the client PC. By default it is even not passed to running applications like a web browser. The only solution is to let an application hook the keyboard input using an OS specific method. But such is not supported by JavaScript.

Even with the normal MVC framework of PHP or Node it is quite impossible to do so.

-----------------------------------------------------------------


@media print {
    html, body {
       display: none;  /* hide whole page */
    }
}

This will work with print command but not with "print screen"!

And I am pretty sure there's no way to achieve that, as of  Print screen is a part of the OS, not the browser.

Thanks





Thankyou for your reply assif_tiger


0
0
07 Jan 2019
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.