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

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

MediaWiki界面页面
删除的内容 添加的内容
Maintenance script留言 | 贡献
确保 DOM 就绪后初始化
Maintenance script留言 | 贡献
增加轮询兜底以兼容未触发 selectionchange 的情况
第22行: 第22行:


var rafId = null;
var rafId = null;
var pollTimer = null;
var lastText = null;


function getSelectionText() {
function getSelectionText() {
第35行: 第37行:
var active = document.activeElement;
var active = document.activeElement;
if (active && (active.tagName === 'INPUT' || active.tagName === 'TEXTAREA' || active.isContentEditable)) {
if (active && (active.tagName === 'INPUT' || active.tagName === 'TEXTAREA' || active.isContentEditable)) {
$counter.hide();
if (lastText !== null) {
lastText = null;
$counter.hide();
}
return;
return;
}
}
第41行: 第46行:
var text = getSelectionText();
var text = getSelectionText();
if (!text) {
if (!text) {
$counter.hide();
if (lastText !== null) {
lastText = null;
$counter.hide();
}
return;
return;
}
}


if (text === lastText) {
return;
}

lastText = text;
var count = Array.from(text).length;
var count = Array.from(text).length;
$counter.text('已选 ' + count + ' 字').show();
$counter.text('已选 ' + count + ' 字').show();
第54行: 第67行:
}
}
rafId = window.requestAnimationFrame(updateCounter);
rafId = window.requestAnimationFrame(updateCounter);
}

function startPolling() {
if (pollTimer) {
return;
}
pollTimer = window.setInterval(updateCounter, 500);
}

function stopPolling() {
if (!pollTimer) {
return;
}
window.clearInterval(pollTimer);
pollTimer = null;
}
}


第60行: 第88行:
document.addEventListener('keyup', scheduleUpdate);
document.addEventListener('keyup', scheduleUpdate);
document.addEventListener('touchend', scheduleUpdate, { passive: true });
document.addEventListener('touchend', scheduleUpdate, { passive: true });
window.addEventListener('focus', startPolling);
window.addEventListener('blur', stopPolling);
document.addEventListener('visibilitychange', function () {
if (document.hidden) {
stopPolling();
return;
}
startPolling();
});

startPolling();
});
});
});
});