Question

我正在尝试将一些javascript代码插入到qualtrics中。我希望它在用户按下“下一步”按钮后调整用户浏览器的大小（这是在一条简短的语句告诉用户用户的浏览器将被调整大小之后）。当我在自己的浏览器中使用HTML文件运行此代码时，它可以正常工作。但是，它在Qualtrics中不起作用。我知道它正在抓取“NextButton”元素，因为我用基本警报测试了按钮点击。有没有人知道质量是否有阻止这个全屏功能的东西？有办法解决它吗？我的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之前执行我需要的任何代码。

这样的事情：

event[:event_duration]

Answer 2

您应该检查Qualtrics中是否实际支持该Web API。

尝试使用Modernizer或类似的东西。 how to detect a browser supports requestFullscreen

如果实际支持该元素，则该元素无效，并且不会调用requestfullscreen。

单击下一步按钮时自动调整为全屏

2 个答案: