快速移动网页到顶部和底部

Double-click anywhere on the page to move to the top, triple-click to move to the bottom.

目前為 2023-03-08 提交的版本,檢視 最新版本

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

// ==UserScript==
// @name         快速移动网页到顶部和底部
// @namespace    快速移动网页到顶部和底部
// @author       小斐实战公众号
// @version      1
// @description  Double-click anywhere on the page to move to the top, triple-click to move to the bottom.
// @license      AGPL License
// @match        http*://*/*
// @grant        none
// ==/UserScript==

(function() {
    // 记录最后一次点击的时间
    let lastClickTime = 0;

    // 监听鼠标点击事件
    document.addEventListener('click', function(e) {
        // 记录当前时间
        const now = Date.now();

        // 判断点击次数
        if (now - lastClickTime < 300) {
            // 双击事件
            window.scrollTo({
                top: 0,
                behavior: 'smooth'
            });
        } else if (now - lastClickTime < 600) {
            // 三击事件
            window.scrollTo({
                top: document.documentElement.scrollHeight,
                behavior: 'smooth'
            });
        }

        // 更新最后一次点击的时间
        lastClickTime = now;
    });
})();