Function openHotkeyUI

web-clipper/web-clipper.user.js:534–575

()

    bindHotkey(currentHotkey)
    GM_registerMenuCommand(translate.hotkey1, openHotkeyUI)
    function openHotkeyUI() {
        if (document.getElementById('hotkey-overlay')) return
        const overlay = document.createElement('div')
        overlay.id = 'hotkey-overlay'
        overlay.className = 'modal-overlay'
        overlay.innerHTML = `
        <div class="modal-content">
            <button class="modal-close-btn" id="close-hotkey">×</button>
            <h2 class="modal-title">${translate.hotkey}</h2>
            <input id="hotkey-input"class="gui-input"value="${currentHotkey}"placeholder="${translate.hotkey}">
            <button id="save-token">${translate.gui_save}</button>
            <button id="cancel-token">${translate.gui_cancel}</button>
        </div>
    `
        document.body.appendChild(overlay)

        const input = document.getElementById('hotkey-input')
        input.focus()
        input.addEventListener('keydown', function (e) {
            e.preventDefault()
            let keys = []
            if (e.ctrlKey) keys.push('ctrl')
            if (e.shiftKey) keys.push('shift')
            if (e.altKey) keys.push('alt')
            let key = e.key.toLowerCase()
            if (!['shift', 'ctrl', 'alt'].includes(key)) {
                keys.push(key)
            }
            input.value = keys.join('+')
        })
        document.getElementById('save-token').onclick = function () {
            let key = input.value
            if (!key) return
            GM_setValue(STORAGE_KEY, key)
            bindHotkey(key)
            overlay.remove()
        }
        document.getElementById('cancel-token').onclick =
            document.getElementById('close-hotkey').onclick = function () {
                overlay.remove()
            }
    }
    // 预览
    function showMarkdownModal(markdown) {
        var $modal = $(`