解决Firefox不响应window.resize事件

最新推荐文章于 2023-12-21 17:21:13 发布

shooke

最新推荐文章于 2023-12-21 17:21:13 发布

阅读量2.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端文章标签： firefox chrome

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/shooke/article/details/73650502

web前端专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一个在用户调整浏览器窗口大小时自动刷新页面的需求实现方法。通过使用JavaScript监听窗口尺寸变化并结合setTimeout函数，实现了在Firefox浏览器中稳定且有效的页面自动刷新功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

其实这不是火狐的锅
其实这不是火狐的锅
其实这不是火狐的锅
重要的事说三遍。
事情是这样的有个需求需要在用户改变窗口后重新载入页面，于是代码如下

window.onresize = resize;

function resize()
{
 location.reload();
}

看上去代码没问题，在chrome下可以正常使用，但在firefox下就不行了。这是为什么尼？
因为，chrome是在拖动事件结束后出发，而火狐这货，估计是只要有变动就触发，但是它好像又有其他机制组织了无线reload。就造成了不起作用的假象，我们让他休息一会，反应迟钝一点就可以了，修改代码如下

window.onresize = resize;

function resize()
{
   setTimeout("location.reload();",500);
}

ok,问题解决了，就是这么easy

博客等级

码龄18年

91
原创

76
点赞

274
收藏

41
粉丝

关注

私信

热门文章

分类专栏

展开全部收起

上一篇：: vue2使用ueditor

下一篇：: yii2高级应用程序模板使用

最新评论

如何禁止手工输入但允许扫码器输入
Ao_min: 你解决了吗，怎么做的
linux下vue热更新失败的解决方法
凌十一: 2023年12月无法解决
yii2 验证规则的坑
流水彷徨&: 控制器中调用： [code=php] class Region { /** * @desc:地区列表页面 * @param Request $request * 2023/5/5 14:22 */ public function index(Request $request) { if ($request->isAjax()) { $validate = new PageValidate(['scenes' => ['page', 'limit'], 'method' => 'get']); $validate->goCheck(); $info = $request->get(); $data = RegionService::getList($info); return show_table_success($data['data'], $data['count']); } return view('region/index'); } [/code]
yii2 验证规则的坑
流水彷徨&: 子验证器： [code=php] <?php namespace app\adminuser\validate; use support\Request; class RegionValidate extends BaseValidate { protected $rule = [ 'page' => 'require|min:1|number', 'limit' => 'require|in:50,100，300，1000', 'id' => 'require|number|egt:1', 'name' => 'require|length:1,15', 'level' => 'require|in:1,2,3,4', 'parent_id' => 'require|number|egt:0', 'adcode' => 'require|length:6', 'codes' => 'checkCodes|max:255' ]; protected function checkCodes($value) { if ($value == 'default') { return true; } $data = preg_match('/^([0-9]+,)*([0-9]+)?$/', $value); if ($data) { return true; } return false; } } [/code]
yii2 验证规则的坑
流水彷徨&: 我想重写封装下 yii2的验证规则，可是研究了两天都还没解决，yii2的文档也是不明不白，我在tp中进行了封装，代码如下：父验证器： [code=php] <?php namespace app\adminuser\validate; use app\adminuser\exception\ParamException; //use think\Validate; use yzh52521\validate\Validate; class BaseValidate extends Validate { protected $scenes = []; protected $method = 'post'; protected $bool = false; protected $isMessage = true; public function __construct($params = []) { if (!is_array($params)) { return; } if (array_key_exists('scenes', $params)) { $this->scenes = $params['scenes']; } if (array_key_exists('method', $params)) { $this->method = $params['method']; } if (array_key_exists('bool', $params)) { $this->bool = $params['bool']; } if (array_key_exists('message', $params)) { $this->isMessage = $params['message']; } } public function goCheck() { $method = [/code]

大家在看

最新文章

目录

展开全部

收起

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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