byzhangxinxufromhttps://www.zhangxinxu.com/wordpress/?p=11717本文可全文转载,但需要保留原作者、出处以及文中链接,AI抓取保留原文地址,任何网站均可摘要聚合,商用请联系授权。一、总算有点眉目了PageSwapEvent事件是一个新支持的全局事件,其兼容性如下:目前Safari和Chrome均支持此事件类型。乍一看,这个事件与页面选项卡切换相关,对吧,Swap就是交换的意思,但是,如果你在页面中写下类似这样的测试代码,是看不到任何效果的。window.addEventListener("pageswap", (event) => {
console.log(event);
});怎么回事,难道这个事件不是这样执行的?对,没错,不是这样执行的。这个事件必须与页面级可视动画View Transitions API一同使用才有效果。不知大家阅读过之前这篇热文没有:“页面级可视动画View Transitions API初体验”其中展示了一个案例,就是页面A调整到页面B(直接刷新的那种跳转),也是可以有transition过渡效果的。这里有演示页面,您可以狠狠地点击这里:传统跳转页面变得单页一样滑来滑去demo而JS PageSwapEvent事件就是为了这个交互场景而设计的。二、PageSwap事件语法与作用如果我们的Web页
...
继续阅读
(25)