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

Question

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

Answer 1

我認爲你問的是一個模態對話框。如果是這樣，看看jQuery UI modal dialog。

它將打開一個帶有自定義HTML內容的對話框，其餘頁面將呈灰色並且不可點擊。那是你要的嗎？

Answer 2

如果您打算詢問「您是否可以阻止用戶在彈出窗口之外單擊」，否則您不能。至少不用JavaScript。試想一下這會有多惱人。

爲了做到這一點，您需要對瀏覽器的「更深入」訪問。

Answer 3

如果您想避免點擊內容，您可以在所有內容上放置一個固定位置的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 4

只是做一個彈出的div跟隨光標用mousemoveevent！不過，我可以看到該方法存在一些缺陷。