javascript - 制作一个只能从谷歌浏览器中的用户手势内部调用的功能

Question

在 Google Chrome 中，如果您尝试通过在控制台中输入命令进入全屏模式，它将失败并显示以下错误消息:

Failed to execute 'requestFullscreen' on 'Element': API can only be initiated by a user gesture.

(据我所知)不可能通过模拟点击事件来欺骗它。它仅在真实用户操作中触发时才有效。其他几个内置函数也有这种行为。

我能否在自己的函数中重现此行为？

换句话说，我能否创建一个函数，该函数在由真人做出用户手势触发时起作用，但在任何其他情况下都不起作用？

Answer 1

在 Chrome 中，您可以使用 Event.isTrusted ( MDN web docs )。

当用户做出手势时，您可能会将一个事件传递给您的处理程序。以下是点击事件的示例:

document.documentElement.onclick = function(event)
{
  alert(event.isTrusted ? "trusted" : "untrusted");  
};

// After 5 seconds perform an untrusted click
setTimeout(function() { document.documentElement.click() }, 5000);

当事件受信任时，它是由用户操作生成的，因此您可以执行您的函数。