javascript - 如何强制用户在加载 javascript 之前不点击（灯箱）

Question

我有一个相当大的 js 灯箱画廊，一个匆忙的用户可以在页面完成加载之前单击拇指，这可能会导致打开实际图像而没有“酷”的 js 弹出效果。

是否有“强制”用户在点击之前等待页面完成加载的好方法？

非常感谢你

Answer 1

实现这一点的最佳方法是在整个页面上放置一个透明或略带灰色的 div，它具有非常高的 z 顺序值，因此它位于所有其他元素之上。

这样做的诀窍是您希望将其放置在本机 HTML 中，以便在任何其他处理发生之前加载/渲染它，并且用户有机会做出反应。然后，在页面上完成所有其他加载后，只需通过 js 将其删除。

Answer 2

不确定我是否正确：

您可以尝试在您的内容上方放置一个透明的 div 或其他内容，这样用户将无法执行点击。即点击不会产生您不希望的效果——更准确地说。^^

Answer 3

对于这类问题，我使用archetype.js。他将加载您页面所需的所有内容（css、模板、javascript），然后允许用户执行某些操作。并且您避免手动执行此操作（如果您使用大量 javascript，它可能很脏而且不太容易）

Answer 4

内联 onclick="return false" 用于锚点——最简单的方法。