Javascript 在“提交”按钮上禁用页面背景单击

我有一个html页面，其中我放置了一个贝宝结账按钮和条带立即付款按钮

当点击paypal check out按钮时，我想禁用该页面，就像在bootstrap中点击一个模式弹出窗口一样，直到加载下一个paypal页面

单击页面上的默认条带按钮已经可以执行此操作

当点击paypal按钮时，从点击按钮到加载paypal页面有一个小的延迟，因此在点击paypal按钮后禁用页面将停止用户在很短的等待时间内点击任何其他内容

<form action="paypal_checkout.php" method="post" autocomplete="off">                                                
<input type="hidden" name="product" value="<?php echo $singleUserBooking[0]['id']; ?>">
<input type="hidden" name="bookingid" value="<?php echo $singleUserBooking[0]['id']; ?>">
<input type="hidden" name="price" value="<?php echo $singleUserBooking[0]['booking_price']; ?>">   
<input type="hidden" name="currency" value="<?php echo strtoupper($singleUserBooking[0]['booking_currency']); ?>">  
<input type="image" src="assets/images/payment/gold-rect-paypalcheckout-34px.png" alt="Submit">
</form>

您可以有一个初始隐藏的
absolute
定位div，然后单击“使其可见”，将其样式设置为

position:absolute;
top:0;
left:0;
height:100%;
width:100%;
background-color:rgba(100,100,100,0.75);

您也可以选择在该div内显示消息
请稍候
您可以将一个
绝对
定位div初始隐藏，然后单击“使其可见”将其样式设置为

position:absolute;
top:0;
left:0;
height:100%;
width:100%;
background-color:rgba(100,100,100,0.75);

您也可以选择显示一条消息，请在此div内等待

只需将页面内容环绕在一个div中，并在需要时将其隐藏

例如：

一些文本

更多的文字

更多文本

只需将页面内容放在一个div中，并在需要时隐藏即可

例如：

一些文本

更多的文字

更多文本

使用这个PayPal按钮，它会为您处理：

使用这个PayPal按钮，它会为您处理：

这与我的想法类似，但我不想隐藏整个页面，而是希望它被禁用或变黑/变灰，就像单击一个条带按钮一样。隐藏所有内容基本上会禁用所有内容，没有什么可点击的了。或者你真的想给它一个轻微的黑/灰颜色，这样它看起来就被禁用了吗？这与我的想法类似，但我不想隐藏整个页面，而是想让它被禁用或者像点击一个条带按钮一样变黑/变灰。如果所有的东西基本上都被禁用了，那么就没有什么东西可以点击了。或者你真的想给它一个轻微的黑色/灰色的颜色，使它看起来残疾？