javascript - 如何在页面加载撤消时显示警报

Question

我的 jsp 页面调用 Web 服务，需要一些时间才能重定向到下一页。我想通过向用户发出警报来阻止用户单击调用 Web 服务的按钮。

我怎样才能做到这一点？提前致谢。

Answer 1

您可以创建一个.overlay

.overlay {
   position:absolute; 
   display:block;
   top:0; 
   left:0; 
   width:100%; 
   height:100%; 
   background:transparent;  /* or you may assign it some color or image */
   z-index:1000;
} 

覆盖整个页面。并将 click 事件附加到 .overlay，如下所示:

$('.overlay').on('click', function(){
    alert('Please wait! Let the page be loaded first..');
});

当页面准备好时，删除覆盖层。

$(document).ready(function(){
   $('.overlay').hide();
});

此覆盖层的作用是阻止用户与您的页面交互。

替代方法是:

未预先将事件附加到您调用服务的按钮。当文档准备好时，将调用服务的事件附加到按钮。