Отображать предупреждающее сообщение перед закрытием всплывающего окна

Question

У меня есть всплывающее окно с вопросом «да» или «нет» (радиокнопки).Я хочу заставить пользователей моего сайта выбрать один из вариантов перед закрытием всплывающего окна, но я не могу этого сделать.Я могу просто закрыть всплывающее окно, используя крестовую кнопку «КРАСНЫЙ» на всплывающем окне.

Может кто-нибудь сказать мне, как я могу запретить пользователям переходить с этой страницы?Есть ли способ отобразить предупреждающее сообщение и попросить их выбрать вариант?

Я использую C # .net, asp.net и JavaScript.

Answer 1

Нет 100% способа удержать пользователя вашего сайта ... Вы можете показать самодельное всплывающее окно примерно так:

#popupBox { 
    position: fixed;  
    width: 100%; 
    height: 100%;  
    background: rgba(0,0,0,.4); 
}

#popup {
    position: absolute;
    width: 300px;
    height: 200px;
    left: 50%,
    margin-left: -130px;
    top: 50%;
    margin-top: -100px;
}

<div id='popupBox'> 
    <div id='popup'>
        <button type='input' value='yes'>
        <button type='input' value='no'>
    </div>
</div>

После вставки вашего всплывающего окна, вам нужно перезагрузить необходимый JavaScriptдля Генделя нажмите на одну из этих кнопок ...