首页 / JAVASCRIPT / javascript – 如何完全禁用任何鼠标点击

javascript – 如何完全禁用任何鼠标点击

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何完全禁用任何鼠标点击，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1358字，纯文字阅读大概需要2分钟。

内容图文

在用户点击….“登录”按钮和其他事件后,我制作了一个加载脚本 – 让用户知道他们必须等待(直到ajax回复).

如何在div id =“doc”上禁用任何鼠标点击(右键单击,左键单击,双击,中键单击,x单击)？

我想将该代码添加到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

解决方法:

你可以叠加一个大的,半透明的< div>获得所有点击.只需添加一个新的< div>到< body>这种风格：

.overlay {
    background-color: rgba(1, 1, 1, 0.7);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
}

内容总结

以上是互联网集市为您收集整理的javascript – 如何完全禁用任何鼠标点击全部内容，希望文章能够帮你解决javascript – 如何完全禁用任何鼠标点击所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/713581.html

来源：【匿名】