Prevent Tab or Window Switching

Thanks so much! I will try to implement and let you know if it works.

It did work! Thanks.

@Nam Nguyen Two follow up questions.

1. Is there a way to alter the code you wrote so the embedded variable counts the number of blur events?
2. I want to implement this on the whole survey except for a single page. I use captcha in the survey, and the error message is being triggered by it. I added the code to the header. Do you know how to add an exception so the errors don’t display for a given block or page?

Thanks again for your help!

@ks13 

1. Just change the flag tabSwitched to a variable that count, save that number in embeddedData and get it again when the page load.
2. Captcha is from google and consider an outside window. The solution is to stop the eventListener when page unload, and add the code to a question on each page, except the captcha one.

Here’s the modified version that do both
 

Qualtrics.SurveyEngine.addOnload(function () {

    let tabSwitchCount = parseInt(Qualtrics.SurveyEngine.getEmbeddedData('tabSwitchCount')) || 0;

    const blurHandler = function () {
        tabSwitchCount++;
        Qualtrics.SurveyEngine.setEmbeddedData('tabSwitchCount', tabSwitchCount);

        if (tabSwitchCount === 1) {
            alert("!!! Please do not switch tabs during the test. Switching tabs again will flag your result as compromised !!!");
            Qualtrics.SurveyEngine.setEmbeddedData('compromised', 'Warning');
        } else {
            alert("!!! Your result is compromised !!!");
            Qualtrics.SurveyEngine.setEmbeddedData('compromised', 'Yes');
        }
    };


    window.addEventListener('blur', blurHandler);


    Qualtrics.SurveyEngine.addOnUnload(function () {
        window.removeEventListener('blur', blurHandler);
    });
});

This worked perfectly. Thanks again for all your help!!

HI,

I think I am missing something here, I hope you can help me!

I implemented the JS code (and it works great thanks)

Qualtrics.SurveyEngine.addOnload(function() {

    var tabSwitched = false; 

    window.addEventListener('blur', function() {
        if (!tabSwitched) {
            alert("!!! Please do not switch tabs during the test. Switching tabs again will flag your result as compromised !!!");
            tabSwitched = true; 
            Qualtrics.SurveyEngine.setEmbeddedData('compromised', 'Warning');
        } else {
            alert("!!! Your result is compromised !!!");
            Qualtrics.SurveyEngine.setEmbeddedData('compromised', 'Yes');
        }
    });

});

If I want to store the compromised events in the Qualtrics data, do I need to set an embedded data at the beginning of the survey flow? (I need this because the people you get a comprised flag get paid less to complete the survey)

I know this is an easy question, but I am stuck and really hope someone can help me!

Thanks!