Вопросы Теги

Как полностью ОТКЛЮЧИТЬ любой ЩЕЛЧОК МЫШЬЮ

После того, как пользователь нажимает .... кнопку "войти в систему" и другие события, я создал сценарий загрузки - чтобы пользователи знали, что им нужно подождать (Пока ajax не ответит.)

Как я могу ОТКЛЮЧИТЬ любые КЛИКИ МЫШИ (правый щелчок, левый щелчок, двойной щелчок, средний щелчок, x щелчок) , на div id = "doc" ?
Я хочу добавить этот код в loading.js


HTML 

<html>
...
<body>
<div id="doc">
   <div id="content">
   ...
   <input type="button" value="Login" id="login" />
   ...
   </div id="content">
</div id="doc">
</body>
</html>



loading.js 

function load_bar(x)
{
    if (x==0)
    {
    $(document.body).css( {"cursor": "default"} );
    $("body").css( {"cursor": "default"} );
    $("#loading").css("visibility", "hidden"); //modal window
//  $("#doc").....ENABLE all clicks (left/right/etc)
    }

    else if (x==1)
    {
    $(document.body).css( {"cursor": "wait"} );
    $("body").css( {"cursor": "wait"} );
    $("#loading").css( {"visibility": "visible"} ); //modal window
//  $("#doc").....DISABLE all clicks (left/right/etc)
    }

    else
    {
    return alert("Wrong argument!");
    }
}



jQuery 

$(document).ready(function()
{
//AJAX
$("#login").click(function()
{
    load_bar(1); //DISABLE clicks and show load_bar
    $(":input").attr("disabled", true);


$.post( 
    ...
    function(data)
    {
    ...
    load_bar(0); //ENABLE clicks and hide load_bar
    ...
    } //END: if:else
}); //END:$.post
    ...
}); //END:ajax
}); //END:jQuery
41
задан Omar 4 March 2017 в 13:07
поделиться