☰

拖拽搜索

通过拖拽文本实现快速搜索

// ==UserScript==
// @name         拖拽搜索
// @namespace    http://tampermonkey.net/
// @version      0.2
// @description  通过拖拽文本实现快速搜索
// @author       PaulW47
// @match        *://*/*
// @grant        GM_setValue
// @grant        GM_getValue
// @grant        GM_registerMenuCommand
// @license MIT
// ==/UserScript==

(function() {
    'use strict';

    // 默认搜索引擎配置
    const defaultEngines = {
        up: {
            name: '百度',
            url: 'https://www.baidu.com/s?wd='
        },
        right: {
            name: '谷歌',
            url: 'https://www.google.com/search?q='
        },
        down: {
            name: '必应',
            url: 'https://www.bing.com/search?q='
        },
        left: {
            name: '必应',
            url: 'https://www.bing.com/search?q='
        }
    };

    // 添加预定义的搜索引擎列表
    const defaultEnginesList = {
        'baidu': {
            name: '百度',
            url: 'https://www.baidu.com/s?wd='
        },
        'google': {
            name: '谷歌',
            url: 'https://www.google.com/search?q='
        },
        'bing': {
            name: '必应',
            url: 'https://www.bing.com/search?q='
        }
    };

    // 获取保存的搜索引擎配置和列表
    let searchEngines = GM_getValue('searchEngines', defaultEngines);
    let enginesList = GM_getValue('enginesList', defaultEnginesList);

    let dragIndicator = null;

    function createDragIndicator() {
        const indicator = document.createElement('div');
        indicator.style.cssText = `
            position: fixed;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            background: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 10px 20px;
            border-radius: 5px;
            font-size: 16px;
            z-index: 10000;
            display: none;
        `;
        document.body.appendChild(indicator);
        return indicator;
    }

    // 创建设置面板
    function createSettingsPanel() {
        const panel = document.createElement('div');
        panel.style.cssText = `
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: white;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0,0,0,0.5);
            z-index: 10000;
            max-width: 600px;
            width: 90%;
        `;

        // 创建搜索引擎管理部分的HTML
        const enginesListHTML = `
            <div style="margin-bottom: 20px; border-bottom: 1px solid #ccc; padding-bottom: 15px;">
                <h3>添加新的搜索引擎</h3>
                <div style="margin: 10px 0;">
                    <input type="text" id="new-engine-name" placeholder="搜索引擎名称" style="margin-right: 5px;">
                    <input type="text" id="new-engine-url" placeholder="搜索URL" style="width: 250px; margin-right: 5px;">
                    <button id="add-engine">添加</button>
                </div>
            </div>
        `;

        // 创建方向设置部分的HTML
        const directionsHTML = Object.entries(searchEngines).map(([direction, engine]) => `
            <div style="margin: 10px 0;">
                <label>${direction === 'up' ? '向上' : direction === 'right' ? '向右' :
                       direction === 'down' ? '向下' : '向左'}方向：</label>
                <select id="select-${direction}" style="margin: 0 5px; width: 150px;">
                    ${Object.entries(enginesList).map(([key, e]) => `
                        <option value="${key}" ${e.name === engine.name ? 'selected' : ''}>
                            ${e.name}
                        </option>
                    `).join('')}
                </select>
            </div>
        `).join('');

        panel.innerHTML = `
            <h2 style="margin-top: 0;">搜索引擎设置</h2>
            ${enginesListHTML}
            <h3>方向设置</h3>
            ${directionsHTML}
            <div style="margin-top: 15px;">
                <button id="save-settings">保存</button>
                <button id="close-settings">关闭</button>
            </div>
        `;

        document.body.appendChild(panel);

        // 添加新搜索引擎的处理
        document.getElementById('add-engine').onclick = () => {
            const name = document.getElementById('new-engine-name').value.trim();
            const url = document.getElementById('new-engine-url').value.trim();

            if (name && url) {
                const key = name.toLowerCase().replace(/\s+/g, '_');
                enginesList[key] = { name, url };
                GM_setValue('enginesList', enginesList);
                // 刷新设置面板
                panel.remove();
                createSettingsPanel();
            }
        };

        // 保存设置
        document.getElementById('save-settings').onclick = () => {
            Object.keys(searchEngines).forEach(direction => {
                const selectedKey = document.getElementById(`select-${direction}`).value;
                searchEngines[direction] = enginesList[selectedKey];
            });
            GM_setValue('searchEngines', searchEngines);
            panel.remove();
        };

        document.getElementById('close-settings').onclick = () => panel.remove();
    }

    // 注册设置菜单
    GM_registerMenuCommand('设置搜索引擎', createSettingsPanel);

    // 处理拖拽
    let startX, startY;
    let selectedText = '';

    document.addEventListener('dragstart', (e) => {
        startX = e.clientX;
        startY = e.clientY;
        selectedText = window.getSelection().toString().trim();

        // 创建提示元素
        if (!dragIndicator) {
            dragIndicator = createDragIndicator();
        }
    });

    document.addEventListener('drag', (e) => {
        if (!selectedText || !e.clientX || !e.clientY) return; // 某些浏览器可能返回0

        const deltaX = e.clientX - startX;
        const deltaY = e.clientY - startY;
        const absX = Math.abs(deltaX);
        const absY = Math.abs(deltaY);

        let direction;
        if (absX > absY) {
            direction = deltaX > 0 ? 'right' : 'left';
        } else {
            direction = deltaY > 0 ? 'down' : 'up';
        }

        const engine = searchEngines[direction];
        if (engine) {
            dragIndicator.textContent = `${engine.name}搜索`;
            dragIndicator.style.display = 'block';
        }
    });

    document.addEventListener('dragend', (e) => {
        // 隐藏提示元素
        if (dragIndicator) {
            dragIndicator.style.display = 'none';
        }

        if (!selectedText) return;

        const deltaX = e.clientX - startX;
        const deltaY = e.clientY - startY;
        const absX = Math.abs(deltaX);
        const absY = Math.abs(deltaY);

        let direction;
        if (absX > absY) {
            direction = deltaX > 0 ? 'right' : 'left';
        } else {
            direction = deltaY > 0 ? 'down' : 'up';
        }

        const engine = searchEngines[direction];
        if (engine) {
            const searchUrl = engine.url + encodeURIComponent(selectedText);
            window.open(searchUrl, '_blank');
        }
    });
})();