哪位能告诉我一下，我想做一个锁定与解锁的按钮，当弹出一个页面是这个页面是被锁定的，什么都无法操作，只有在点击解锁按钮后才可以使用，然后再点击锁定就会仍然被锁，谢谢了
1条回答 默认 最新
「已注销」 2010-08-19 00:36关注可以采用div遮罩的方式，点击锁定的时候创建一个半透明的div，把他的宽和高设置成你要锁定区域的宽和高。然后使用left属性和top属性定位，并且把你的div位于锁定区的上面。这样就实现了锁定，因为你的“被锁定区”都被div所覆盖，那么你鼠标点击和操作的时候其实实在你这个div上操作的，这对你的内容是不起作用的，也就间接实现的锁定。
当解锁的时候，让你的div遮罩层消失（宽和高都是0）就实现了解锁。。
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报
分享
- 2021-12-30 15:10
前端浏览器页面无法识别require()方法，写好的数据库连接查询方法只能在nodejs里运行，数据无法给到前端页面，怎么办(语言-javascript)
javascript
mysql
前端
有问必答
回答 1 已采纳 你这样当然不行了，可以写个node接口，启个端口号，前端发送请求，接口返回获取到的数据https://www.cnblogs.com/yiyangl/p/10307485.htmlhttps://ww - 2021-12-11 22:33回答 1 已采纳 你应该是用原生js吧用获取到的数据生成html片段，然后插入到页面中.例如： 获取到的数据是data=[ ] for(let i =0;i<data.length;i++){
- 2021-04-05 15:45回答 5 已采纳 <script th:inline="javascript"> var pages = [[${user}]]; // request(后台是user) var page
- 2020-10-23 11:48总之，JavaScript实现移动设备绘图解锁是一个将前端技术与用户交互紧密结合的项目。通过这种方式实现的解锁功能，不仅可以有效保护用户隐私，还能为用户提供一个便捷的解锁体验。随着移动设备的普及，以及对交互体验...
- 2022-03-11 16:18回答 2 已采纳 代码没看出什么问题。自动刷新目测是提交表单了，有下面的可能1）jquery没有正确导入导致事件没绑定上，比如路径错误2）执行click事件绑定的代码放到dom前面了没绑定上事件，导致提交了表单。需要放
- 2021-05-27 09:37回答 3 已采纳 这个具体还是要看代码是怎么写的，我感觉是你后台代码逻辑除了问题，导致了这个情况。
- 2021-10-17 19:15回答 4 已采纳 我们在使用html中的控件上传文件时，有时需要在本页面获取上传文件的路径名称，但是由于现在浏览器出于安全考虑，大多数都无法获得文件的真实路径。如果要在js中解决这个问题，可以区别不同品牌的浏览器，进行
- 2023-11-13 13:52cheung H的博客 '解锁':'锁定'}}lock" plain>{{time}}秒后{{status?'锁定':'解锁'}}三、在data中定义默认值data(){return{time:4,lock:true,Unlock() {},1000)},
- 2022-04-02 01:17回答 5 已采纳 报什么错
- 2022-10-24 21:13回答 2 已采纳 after伪类，参考这篇：https://blog.csdn.net/weixin_43964148/article/details/103417959
- 2022-05-21 22:06回答 1 已采纳 //关闭摄像头 window.mediaStreamTrack && window.mediaStreamTrack.stop(); // 获取摄像头 function getUserMedia(vi
- 2022-11-16 21:21在本资源"CSS3 iPhone锁屏解锁动画特效.zip"中，包含了使用前端技术实现的iPhone锁屏解锁动画效果。这个项目主要涉及了CSS3、JavaScript（包括jQuery库）、以及HTML5等关键技术，这些都是构建现代网页动态效果的重要...
- 2017-05-26 10:33南归北隐的博客 //script<script type="text/javascript"> function lock(flag){ var txtArrs = document.getElementsByTagName('input'); for(var i=0; i; i++){ var txt = txtArrs[i]; if(txt.type ==
- 2019-11-22 19:21桌海的博客 网络的不断发展，需求也会不断地发展，如在简介字段，我们一般不会超过60哥字符，同时我们也要统计一下，用户输入错误地次数，如果用户错误次数超过了三次，那我们就要对该账户进行锁定，然后通过...前端页面： ...
- 2024-05-11 23:48I'mAllen的博客 「防抖」（Debounce）和「节流」（Throttle）是两种在软件开发中用来优化高性能需求环境...防抖(Debounce)和节流(Throttle)作为前端性能优化的两种关键技术，它们的核心机制及其应用场景如下：防抖(Debounce)核心机制。
- 没有解决我的问题, 去提问
悬赏问题
- ¥50 如何使用js去调用vscode-js-debugger的方法去调试网页
- ¥15 376.1电表主站通信协议下发指令全被否认问题
- ¥15 物体双站RCS和其组成阵列后的双站RCS关系验证
- ¥15 复杂网络，变滞后传递熵，FDA
- ¥20 csv格式数据集预处理及模型选择
- ¥15 部分网页页面无法显示！
- ¥15 怎样解决power bi 中设置管理聚合，详细信息表和详细信息列显示灰色，而不能选择相应的内容呢？
- ¥15 QTOF MSE数据分析
- ¥15 平板录音机录音问题解决
- ¥15 请问维特智能的安卓APP在手机上存储传感器数据后，如何找到它的存储路径?