长按删除网页元素

长按元素显示菜单,可删除选中的元素(适合安卓浏览器用)

目前為 2025-09-20 提交的版本,檢視 最新版本

// ==UserScript==
// @name         长按删除网页元素
// @namespace    custom-longpress-delete
// @version      1.0
// @description  长按元素显示菜单,可删除选中的元素(适合安卓浏览器用)
// @match        *://*/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    let longPressTimer = null;
    let pressedElement = null;

    // 创建菜单
    const menu = document.createElement("div");
    menu.id = "longpress-menu";
    menu.style.position = "fixed";
    menu.style.top = "50%";
    menu.style.left = "50%";
    menu.style.transform = "translate(-50%, -50%)";
    menu.style.background = "rgba(0,0,0,0.85)";
    menu.style.color = "#fff";
    menu.style.padding = "12px 18px";
    menu.style.borderRadius = "12px";
    menu.style.zIndex = "2147483647"; // 最大 z-index
    menu.style.fontSize = "16px";
    menu.style.display = "none";
    menu.style.userSelect = "none";

    const delBtn = document.createElement("div");
    delBtn.innerText = "删除元素";
    delBtn.style.cursor = "pointer";
    delBtn.style.padding = "6px 0";

    delBtn.onclick = () => {
        if (pressedElement) {
            pressedElement.remove();
        }
        hideMenu();
    };

    const cancelBtn = document.createElement("div");
    cancelBtn.innerText = "取消";
    cancelBtn.style.cursor = "pointer";
    cancelBtn.style.padding = "6px 0";
    cancelBtn.style.marginTop = "6px";
    cancelBtn.style.borderTop = "1px solid #555";

    cancelBtn.onclick = hideMenu;

    menu.appendChild(delBtn);
    menu.appendChild(cancelBtn);
    document.body.appendChild(menu);

    function showMenu() {
        menu.style.display = "block";
    }

    function hideMenu() {
        menu.style.display = "none";
        pressedElement = null;
    }

    // 监听长按
    document.addEventListener("touchstart", function(e) {
        if (e.target.closest("#longpress-menu")) return; // 忽略点击菜单本身

        pressedElement = e.target;
        longPressTimer = setTimeout(() => {
            e.preventDefault();
            showMenu();
        }, 600); // 长按 600ms 出菜单
    }, { passive: false });

    document.addEventListener("touchend", function() {
        clearTimeout(longPressTimer);
    });

    document.addEventListener("touchmove", function() {
        clearTimeout(longPressTimer); // 移动手指则取消
    });

})();

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址