javascript - 单击下一步按钮时自动调整大小至全屏

Question

我正在尝试将一些 javascript 代码插入到 qualtrics 中。我希望它在用户按下“下一步”按钮后调整用户浏览器的大小(这是在简短的声明告诉用户用户的浏览器将被调整大小之后)。当我在自己的浏览器中使用 HTML 文件运行此代码时，它可以工作。然而，它在定性中不起作用。我知道它正确地获取了“NextButton”元素，因为我使用基本警报测试了按钮单击。有谁知道 qualtrics 中是否有某些东西阻止了这个全屏功能？有办法绕过它吗？我的 Javascript 代码粘贴在下面。提前致谢!

Qualtrics.SurveyEngine.addOnload(function()
{

$("#NextButton").click( function()
{
    alert("hi");
    launchIntoFullscreen(document.documentElement); 

});


function launchIntoFullscreen(element) {
  if(element.requestFullscreen) {
    element.requestFullscreen();
  } else if(element.mozRequestFullScreen) {
    element.mozRequestFullScreen();
  } else if(element.webkitRequestFullscreen) {
    element.webkitRequestFullscreen();
  } else if(element.msRequestFullscreen) {
    element.msRequestFullscreen();
  }
}   

});

Answer 1

我认为您的 NextButton 单击处理程序和 Qualtrics NextButton 单击处理程序之间存在冲突。 Qualtrics 正在获胜。

我之前处理类似情况的方法是隐藏 Qualtrics NextButton，并添加我自己的按钮，在单击 Qualtrics NextButton 之前执行我需要的任何代码。

类似这样的事情:

Qualtrics.SurveyEngine.addOnload(function () {

$('NextButton').hide();
$('NextButton').insert({
    before: "<input id=\"checkButton\" type=\"button\" value=\"  >>  \" title=\"  >>  \">"
}); 
$('checkButton').onclick = function fullScreen() {
    launchIntoFullscreen(document.documentElement); 
    $('NextButton').click();
};

function launchIntoFullscreen(element) {
      if(element.requestFullscreen) {
        element.requestFullscreen();
      } else if(element.mozRequestFullScreen) {
        element.mozRequestFullScreen();
      } else if(element.webkitRequestFullscreen) {
        element.webkitRequestFullscreen();
      } else if(element.msRequestFullscreen) {
        element.msRequestFullscreen();
      }
}       

});