禁止浏览器刷新

1 禁用f5(无法兼容ie8且有个小bug就是f12之后,切换一下debug菜单就可以刷新了)

    $(document).on('keydown', function(e) {
        if(e.keyCode == 116) {
            return false;
        }


    });


2 禁用菜单(兼容ie8+)

    $(document).on("contextmenu",function(e){
        return false;
    });

当我们在制作网页时,有时希望禁止浏览器的下拉刷新功能。虽然HTML本身并没有提供直接的方法来禁止下拉刷新,但我们可以使用一些技巧来实现这一目标。 首先,我们可以使用CSS的`overflow`属性来控制网页内容的滚动。通过将其设置为`hidden`,可以隐藏滚动条并禁止网页的滚动。例如: ```css body { overflow: hidden; } ``` 然而,这个方法只是隐藏了滚动条,用户仍然可以使用其他方式来进行刷新,例如通过浏览器的右击菜单或者使用快捷键。因此,这种方法并不彻底。 要彻底禁止下拉刷新,我们需要使用JavaScript来监听用户的滚动事件,并阻止默认的刷新行为。这可以通过以下的代码来实现: ```javascript document.addEventListener('touchmove', function (event) { event.preventDefault(); }, { passive: false }); ``` 这段代码会监听用户在触摸设备上的滚动事件(如下拉刷新),并在事件发生时阻止其默认行为,从而实现禁止下拉刷新的效果。 需要注意的是,这段代码只能在移动设备上生效,对于桌面浏览器无效。如果我们需要禁止桌面浏览器的下拉刷新,可以考虑使用其他方法。 总结起来,要禁止下拉刷新,我们可以使用CSS的`overflow`属性来隐藏滚动条并禁止滚动,同时结合JavaScript来监听滚动事件并阻止默认行为。这样就可以实现禁止下拉刷新的效果。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值