单击下一步按钮时自动resize

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

Answer 2

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

尝试使用Modernizer或类似的东西。 如何检测浏览器支持requestFullscreen

如果它实际上受支持，那么该元素无效并且不会调用requestfullscreen。