pageAinimate icon indicating copy to clipboard operation
pageAinimate copied to clipboard

点浏览器返回按键时候,不走返回动画 怎么办

Open liqingxi1116 opened this issue 7 years ago • 14 comments

监听浏览器返回点击事件吗

liqingxi1116 avatar Jun 30 '17 08:06 liqingxi1116

@daleiyinsi 怎么监听到返回事件呢?window.history.go返回和前进是一个不知道如何区别

Jesonhu avatar Jul 03 '17 19:07 Jesonhu

@Jesonhu 我也不知道如何监听 浏览器返回的时候不知道如何区别

liqingxi1116 avatar Jul 11 '17 01:07 liqingxi1116

这个开源方案还无法监听浏览器的返回键

zhengguorong avatar Jul 11 '17 02:07 zhengguorong

应该监听不了,我也是想说,要是用户,使用微信,点击了返回按钮怎么监听

LinWeiLong avatar Sep 07 '17 15:09 LinWeiLong

主要是为了走返回动画, 这个我现在已经有其他办法解决了, 不用监听浏览器返回键

liqingxi1116 avatar Sep 08 '17 00:09 liqingxi1116

@zhengguorong 谢谢🙏你啊,这个思路不错,照着你的思路把动画撸了出来,记录反追的isBack 我用的是vuex 也很稳

nicegonice avatar Sep 14 '17 03:09 nicegonice

@nicegonice 不客气,你可以把你的vuex解决方案分享给大家

zhengguorong avatar Sep 18 '17 02:09 zhengguorong

@daleiyinsi 你用的什么方法

xiaodongicon avatar Dec 05 '17 00:12 xiaodongicon

@VipSimple 每一个页面拼链接, 外层的页面链接短,里层的页面链家长, 然后监听链接的长短,执行前进后退动画

liqingxi1116 avatar Dec 05 '17 00:12 liqingxi1116

@daleiyinsi 这也可以 666

zxzhgk avatar Mar 09 '18 12:03 zxzhgk

@daleiyinsi nice,牛逼

nicegonice avatar Mar 14 '18 22:03 nicegonice

@daleiyinsi 这个想法不错,但是有个一个不好的地方打开新的链接长度必须要比上一页面的链接长度长。

zhengyanhu avatar May 02 '18 09:05 zhengyanhu

还可以在路由的meta里面配置一个数组,数组里填上这个页面所有的父级页面的path,然后通过判断to.path的值是否包含在这个数组里,如果包含执行返回动画,不包含就执行进入动画。缺点是如果路由太多,并且相互之间穿插太过复杂,定义meta会比较麻烦

tangMr1234 avatar May 08 '18 03:05 tangMr1234

@tangMr1234 思路非常好,就是累一点点。

zhengguorong avatar May 08 '18 03:05 zhengguorong