如何避免用戶單擊外部彈出窗口javascript？

Question

如何避免用戶單擊外部彈出窗口javascript？

Answer 1

如果要避免單擊內容，可以在所有內容上放置固定位置的div。 這樣可以防止用戶單擊該div之外的所有內容。 我將此用於網站上的某些錯誤報告。

HTML：

<div id="error_wrapper">
    <div id="site_error">
        Error:
    </div>
</div>

CSS：

div#error_wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000000;
    top: 0px;
    left: 0px;
    opacity: 0.7;
    filter: alpha(opacity=70);

}

div#site_error {
    position: fixed;
    top: 200px;
    width: 400px;
    left: 50%;
    margin-left: -200px;
}

Answer 2

我想您是在詢問模式對話框。 如果是這樣，請查看jQuery UI模態對話框 。

它將打開一個包含自定義HTML內容的對話框，該頁面的其余部分將顯示為灰色且不可單擊。 那是你要的嗎？

Answer 3

如果要問“是否可以阻止用戶在彈出窗口之外單擊”，不可以。 至少不是JavaScript。 試想一下那會是多么煩人。

為此，您需要比瀏覽器上的JavaScript擁有“更深”的訪問權限。

Answer 4

只需使一個div彈出框跟隨mousemoveevent事件即可！ 不過，我可以看到該方法的一些缺陷。