@yiero/gmlib/dist/UserInteraction/onKeyup.d.ts

GM Lib for Tampermonkey/ScriptCat

import type { KeyboardKey } from './types/KeyboardKey';
export type { KeyboardKey } from './types/KeyboardKey';
/**
 * 键盘释放监听选项接口
 */
export interface IKeyupOptions {
    /**
     * 监听目标容器
     * @default window
     */
    target?: HTMLElement | Window | Document;
    /**
     * 是否只监听一次
     * @default false
     */
    once?: boolean;
    /**
     * 是否在捕获阶段处理事件
     * @default false
     */
    capture?: boolean;
    /**
     * 是否为被动监听器（不调用 preventDefault）
     * @default false
     */
    passive?: boolean;
    /**
     * 指定监听的按键
     *
     * 设置后，只有当释放的键匹配时才会触发回调
     *
     * @example 'Enter' - 监听回车键释放
     * @example 'a' - 监听 a 键释放
     * @example 'Escape' - 监听 ESC 键释放
     */
    key?: KeyboardKey | string;
    /**
     * 是否要求按下 Ctrl 键
     * @default false
     */
    ctrl?: boolean;
    /**
     * 是否要求按下 Alt 键
     * @default false
     */
    alt?: boolean;
    /**
     * 是否要求按下 Shift 键
     * @default false
     */
    shift?: boolean;
    /**
     * 是否要求按下 Meta 键（Mac 的 Command 键）
     * @default false
     */
    meta?: boolean;
}
/**
 * 取消监听函数
 */
export type Unsubscribe = () => void;
/**
 * 键盘释放事件回调函数类型
 */
export type KeyupCallback = (event: KeyboardEvent) => void;
/**
 * 监听键盘释放事件
 *
 * `addEventListener('keyup')` 的快捷方法。
 * 可以指定监听容器，默认为 window。
 * 支持快捷监听条件（指定按键、修饰键组合）。
 * 返回一个取消监听的函数。
 *
 * @param callback 键盘释放时的回调函数
 * @param options 监听选项配置
 * @returns 取消监听的函数
 *
 * @example
 * // 基本用法 - 监听全局按键释放
 * onKeyup((e) => {
 *   if (e.key === 'Escape') {
 *     closeModal();
 *   }
 * });
 *
 * @example
 * // 快捷监听 - 监听 Enter 键释放
 * onKeyup(() => {
 *   submitForm();
 * }, { key: 'Enter' });
 *
 * @example
 * // 快捷监听 - 监听 Ctrl+S 释放
 * onKeyup(() => {
 *   saveDocument();
 * }, { key: 's', ctrl: true });
 *
 * @example
 * // 快捷监听 - 监听 Shift+Enter 释放
 * onKeyup(() => {
 *   insertNewLine();
 * }, { key: 'Enter', shift: true });
 *
 * @example
 * // 指定容器监听
 * onKeyup((e) => {
 *   handleShortcut(e);
 * }, { target: document.body });
 *
 * @example
 * // 只监听一次
 * onKeyup((e) => {
 *   console.log('用户释放了任意键');
 * }, { once: true });
 *
 * @example
 * // 取消监听
 * const off = onKeyup((e) => handleKey(e));
 * off();  // 取消监听
 */
export declare function onKeyup(callback: KeyupCallback, options?: IKeyupOptions): Unsubscribe;
/**
 * 单个快捷键绑定配置
 */
export interface IKeyupBinding {
    /**
     * 键盘释放时的回调函数
     */
    callback: KeyupCallback;
    /**
     * 指定监听的按键
     *
     * 设置后，只有当释放的键匹配时才会触发回调
     *
     * @example 'Enter' - 监听回车键释放
     * @example 'a' - 监听 a 键释放
     * @example 'Escape' - 监听 ESC 键释放
     */
    key?: KeyboardKey | string;
    /**
     * 是否要求按下 Ctrl 键
     * @default false
     */
    ctrl?: boolean;
    /**
     * 是否要求按下 Alt 键
     * @default false
     */
    alt?: boolean;
    /**
     * 是否要求按下 Shift 键
     * @default false
     */
    shift?: boolean;
    /**
     * 是否要求按下 Meta 键（Mac 的 Command 键）
     * @default false
     */
    meta?: boolean;
}
/**
 * 多个键盘监听共享的全局配置
 */
export interface IKeyupMultipleOptions {
    /**
     * 监听目标容器
     * @default window
     */
    target?: HTMLElement | Window | Document;
    /**
     * 是否在捕获阶段处理事件
     * @default false
     */
    capture?: boolean;
    /**
     * 是否为被动监听器（不调用 preventDefault）
     * @default false
     */
    passive?: boolean;
}
/**
 * 批量监听多个键盘释放事件
 *
 * 适用于需要绑定多个快捷键的场景，共享相同的监听容器和事件配置。
 * 只添加一个事件监听器，内部根据按键条件分发到对应的回调。
 * 返回一个取消所有监听的函数。
 *
 * @param bindings 快捷键绑定数组，每项包含 callback 和可选的 key/修饰键条件
 * @param options 全局配置（target、capture、passive）
 * @returns 取消所有监听的函数
 *
 * @example
 * // 基本用法 - 绑定多个快捷键释放
 * onKeyupMultiple([
 *   { key: 's', ctrl: true, callback: () => save() },
 *   { key: 'o', ctrl: true, callback: () => open() },
 *   { key: 'Escape', callback: () => close() },
 * ]);
 *
 * @example
 * // 指定容器监听
 * onKeyupMultiple([
 *   { key: 'Enter', callback: () => submit() },
 *   { key: 'Escape', callback: () => cancel() },
 * ], { target: inputElement });
 *
 * @example
 * // 监听所有按键释放（不指定 key）
 * onKeyupMultiple([
 *   { callback: (e) => console.log('释放:', e.key) },
 * ]);
 *
 * @example
 * // 取消所有监听
 * const off = onKeyupMultiple([
 *   { key: 'a', callback: () => doA() },
 *   { key: 'b', callback: () => doB() },
 * ]);
 * off();  // 取消所有监听
 */
export declare function onKeyupMultiple(bindings: IKeyupBinding[], options?: IKeyupMultipleOptions): Unsubscribe;