DETECT WHEN USER SWITCHES A TAB


 <!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

    <p>hi hello everyone please subscribe my

         youtube channel</p>

    <script>

        document.addEventListener('visibilitychange' ,function(){

            if (document.visibilityState == "visible") {

                document.title = "active tab"

            }else{

                document.title = "inactive tab"

            }

        })

    </script>

</body>

</html>



WATCH THIS VIDEO TO SEE HOW IT  WORKS


this code changes the title of the document inactive tab when  the user goes to another tab 

otherwise when user is on the same page then it shows the title as active tab 


this is useful when you create an application for conducting online exam 

somepeople malpractice by switching the tab and searching the anwer in google and then writing it in exam 

so this can be avoided by calling a function to submit exam when user switches to another tab (i changed title in that place you can call a function)

so from next onwards he may write exam without any cheating

-

-

-

-

-

please subscribe my youtube channel  @kssvinay


this is free housie ticket and coin generator you can play in your free time with your friends

this is coded by me...

https://kssvinaycoding.blogspot.com/2021/09/housee.html


thanks for visiting .....


@kssvinay

Comments

Popular posts from this blog