边缘下滑刷新

Greasy Fork is available in English.

边缘下滑刷新

山寨自神奇浏览器

当前为 2023-03-30 提交的版本，查看最新版本。

换行

// ==UserScript==
// @name         边缘下滑刷新
// @namespace    http://greasyfork.icu/zh-CN/users/954189
// @version      1.0
// @description  山寨自神奇浏览器
// @author       angao
// @license       MIT
// @match        https://*/*
// ==/UserScript==

let startY = null;
let endY = null;

// 监听 touchstart 事件，记录触摸点的纵坐标
document.addEventListener('touchstart', function(e) {
    if (e.touches[0].clientX < 30 || e.touches[0].clientX > window.innerWidth - 30) {
        startY = e.touches[0].clientY;
    }
});

// 监听 touchmove 事件，阻止该区域滑动
document.addEventListener('touchmove', function(e) {
    if (e.touches[0].clientX < 30 || e.touches[0].clientX > window.innerWidth - 30) {
        e.preventDefault();
    }
}, { passive: false });

// 监听 touchend 事件，记录离开点的纵坐标
document.addEventListener('touchend', function(e) {
    if (startY !== null &&
    (e.changedTouches[0].clientX < 30 || e.changedTouches[0].clientX > window.innerWidth - 30)) {
        endY = e.changedTouches[0].clientY;
// 向下滑动超过110像素就刷新
    if (endY - startY > 110) {
         location.reload();
    }
}

// 重置
startY = null;
endY = null;
});