打开/关闭菜单
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

MediaWiki:Gadget-SelectionCounter.js:修订间差异

MediaWiki界面页面
删除的内容 添加的内容
Maintenance script留言 | 贡献
补齐脚本
 
Maintenance script留言 | 贡献
增加触发事件并增强选区检测
第16行: 第16行:


var rafId = null;
var rafId = null;

function getSelectionText() {
var selection = window.getSelection();
if (!selection || selection.isCollapsed) {
return '';
}
return String(selection).trim();
}


function updateCounter() {
function updateCounter() {
第25行: 第33行:
}
}


var text = String(window.getSelection() || '').trim();
var text = getSelectionText();
if (!text) {
if (!text) {
$counter.hide();
$counter.hide();
第35行: 第43行:
}
}


document.addEventListener('selectionchange', function () {
function scheduleUpdate() {
if (rafId) {
if (rafId) {
return;
return;
}
}
rafId = window.requestAnimationFrame(updateCounter);
rafId = window.requestAnimationFrame(updateCounter);
});
}

document.addEventListener('selectionchange', scheduleUpdate);
document.addEventListener('mouseup', scheduleUpdate);
document.addEventListener('keyup', scheduleUpdate);
document.addEventListener('touchend', scheduleUpdate, { passive: true });
});
});

2025年12月27日 (六) 12:35的版本

/* ================================================================
   MediaWiki Gadget: SelectionCounter
   功能:
   - 选中文本时显示字数统计
   - 与 RightToolbar 风格一致
   ================================================================= */

mw.loader.using(['mediawiki.util']).then(function () {
    var $counter = $('#mw-selection-counter');

    if (!$counter.length) {
        $counter = $('<div id="mw-selection-counter" class="mw-selection-counter" role="status" aria-live="polite"></div>')
            .hide()
            .appendTo('body');
    }

    var rafId = null;

    function getSelectionText() {
        var selection = window.getSelection();
        if (!selection || selection.isCollapsed) {
            return '';
        }
        return String(selection).trim();
    }

    function updateCounter() {
        rafId = null;
        var active = document.activeElement;
        if (active && (active.tagName === 'INPUT' || active.tagName === 'TEXTAREA' || active.isContentEditable)) {
            $counter.hide();
            return;
        }

        var text = getSelectionText();
        if (!text) {
            $counter.hide();
            return;
        }

        var count = Array.from(text).length;
        $counter.text('已选 ' + count + ' 字').show();
    }

    function scheduleUpdate() {
        if (rafId) {
            return;
        }
        rafId = window.requestAnimationFrame(updateCounter);
    }

    document.addEventListener('selectionchange', scheduleUpdate);
    document.addEventListener('mouseup', scheduleUpdate);
    document.addEventListener('keyup', scheduleUpdate);
    document.addEventListener('touchend', scheduleUpdate, { passive: true });
});