Javascript 在桌面和移动设备上工作的单击事件的事件侦听器

1.此代码适用于桌面。单击事件对移动设备不起作用。当主体变成按钮时，它不会呈现新页面

---

有人能帮我吗？我是一个新的开发者。谢谢大家!

试一试？你不应该在interval函数中调用

.on（）

-你每四秒钟绑定一次额外的点击/触摸启动/点击事件处理程序，这对桌面或移动设备来说没有意义…为什么你的事件监听器每四秒钟连接一次？。。。依我看，你的听众应该只被附上一次。。。另一件事是，在你的整个

身体上都有一个事件监听器似乎是非常普遍的。。。如果用户单击一个按钮执行另一个操作会怎么样？我建议在整个页面上添加一个不可见的div，并将事件附加到该页面上。。。。但同样，只需连接一次侦听器。我的页面在4秒后变黑，然后当他们单击时，会出现一个非常酷的灯光效果/转换。尝试？你不应该在你的interval函数中调用
.on（）
-你每4秒绑定一次额外的点击/触摸启动/点击事件处理程序，这对台式机或移动设备没有意义…为什么每4秒连接一次事件侦听器？。。。依我看，你的听众应该只被附上一次。。。另一件事是，在你的整个
身体上都有一个事件监听器似乎是非常普遍的。。。如果用户单击一个按钮执行另一个操作会怎么样？我建议在整个页面上添加一个不可见的div，并将事件附加到该页面上。。。。但同样，只需连接一次侦听器。我的页面在4秒后变黑，然后当他们单击时，会出现非常酷的灯光效果/过渡。
$(document).on("ready", function(){
  var backgroundTimer = setInterval( showDiv, 4000 )
  function showDiv(){
    $("p").hide();
    $("body").css("background", "rgb(23, 22, 23)")
    $("body").on('tap touchstart click', function(){
      window.open('home.html')  
    });
  };
});