MediaWiki:Gadget-SelectionCounter.js - 版本历史

Maintenance script：为未加载 CSS 提供可见性兜底

2025-12-27T04:54:24Z

为未加载 CSS 提供可见性兜底

@@ 第20行： / 第20行： @@
                 .appendTo('body');
+        }
         var rafId = null;

Maintenance script：拖选时实时更新并增强触发

2025-12-27T04:51:23Z

拖选时实时更新并增强触发

←上一版本		2025年12月27日 (六) 12:51的版本
第25行：		第25行：
	var lastText = '';		var lastText = '';
	var lastTime = 0;		var lastTime = 0;
			var isSelecting = false;

	function getSelectionText() {		function getSelectionText() {
第90行：		第91行：
	window.clearInterval(pollTimer);		window.clearInterval(pollTimer);
	pollTimer = null;		pollTimer = null;
			}

			function onSelectMove() {
			if (!isSelecting) {
			return;
			}
			scheduleUpdate();
	}		}

第101行：		第109行：
	});		});
	document.addEventListener('mousedown', function () {		document.addEventListener('mousedown', function () {
	~~$counter.hide()~~;		isSelecting = true;
			}, true);
		⚫	document.addEventListener('mouseup', function () {
			isSelecting = false;
			scheduleUpdateDelayed();
	}, true);		}, true);
	document.addEventListener('~~mouseup~~', ~~scheduleUpdateDelayed~~, true);		document.addEventListener('mousemove', onSelectMove, true);
	document.addEventListener('~~mouseup~~', ~~scheduleUpdateDelayed~~);		document.addEventListener('touchstart', function () {
			isSelecting = true;
		⚫	}, { passive: true, capture: true });
			document.addEventListener('touchmove', onSelectMove, { passive: true, capture: true });
			document.addEventListener('touchend', function () {
			isSelecting = false;
			scheduleUpdateDelayed();
			}, { passive: true, capture: true });
	document.addEventListener('keyup', scheduleUpdate);		document.addEventListener('keyup', scheduleUpdate);
⚫	~~document.addEventListener('touchend', scheduleUpdateDelayed~~, { passive: true, capture: true });
⚫	document.addEventListener('~~pointerup~~', ~~scheduleUpdateDelayed,~~ ~~true~~);
	window.addEventListener('focus', startPolling);		window.addEventListener('focus', startPolling);
	window.addEventListener('blur', stopPolling);		window.addEventListener('blur', stopPolling);

Maintenance script：记录最近选区并延迟显示

2025-12-27T04:48:52Z

记录最近选区并延迟显示

←上一版本		2025年12月27日 (六) 12:48的版本
第1行：		第1行：
			/* ================================================================
			MediaWiki Gadget: SelectionCounter
			功能：
			- 选中文本时显示字数统计
			- 与 RightToolbar 风格一致
			================================================================= */

			mw.loader.using(['mediawiki.util']).then(function () {
			if (window.SelectionCounterLoaded) {
			return;
			}
			window.SelectionCounterLoaded = true;

			$(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;
			var pollTimer = null;
			var lastText = '';
			var lastTime = 0;

			function getSelectionText() {
			var selection = window.getSelection();
			if (!selection \|\| selection.rangeCount === 0 \|\| selection.isCollapsed) {
			return '';
			}
			return selection.toString();
			}

			function compactText(text) {
			return text.replace(/\s+/g, '');
			}

			function showCount(text) {
			var compact = compactText(text);
			if (!compact) {
			return false;
			}
			var count = Array.from(compact).length;
			$counter.text('已选 ' + count + ' 字').show();
			return true;
			}

			function updateCounter() {
			rafId = null;
			var text = getSelectionText();
			if (text) {
			lastText = text;
			lastTime = Date.now();
			showCount(text);
			return;
			}

			if (lastText && Date.now() - lastTime < 1200) {
			showCount(lastText);
			return;
			}

			$counter.hide();
			}

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

			function scheduleUpdateDelayed() {
			window.setTimeout(scheduleUpdate, 0);
			}

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

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

			document.addEventListener('selectionchange', function () {
			var text = getSelectionText();
			if (text) {
			lastText = text;
			lastTime = Date.now();
			}
			scheduleUpdate();
			});
			document.addEventListener('mousedown', function () {
			$counter.hide();
			}, true);
			document.addEventListener('mouseup', scheduleUpdateDelayed, true);
			document.addEventListener('mouseup', scheduleUpdateDelayed);
			document.addEventListener('keyup', scheduleUpdate);
			document.addEventListener('touchend', scheduleUpdateDelayed, { passive: true, capture: true });
			document.addEventListener('pointerup', scheduleUpdateDelayed, true);
			window.addEventListener('focus', startPolling);
			window.addEventListener('blur', stopPolling);
			document.addEventListener('visibilitychange', function () {
			if (document.hidden) {
			stopPolling();
			return;
			}
			startPolling();
			});

			startPolling();
			});
			});

Maintenance script：记录最近选区并延迟显示

2025-12-27T04:48:40Z

记录最近选区并延迟显示

←上一版本		2025年12月27日 (六) 12:48的版本
第1行：		第1行：
	/* ================================================================
	MediaWiki Gadget: SelectionCounter
	功能：
	- 选中文本时显示字数统计
	- 与 RightToolbar 风格一致
	================================================================= */

	mw.loader.using(['mediawiki.util']).then(function () {
	if (window.SelectionCounterLoaded) {
	return;
	}
	window.SelectionCounterLoaded = true;

	$(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;
	var pollTimer = null;
	var lastText = null;

	function getSelectionText() {
	var selection = window.getSelection();
	if (!selection \|\| selection.rangeCount === 0 \|\| selection.isCollapsed) {
	return '';
	}
	return selection.toString();
	}

	function updateCounter() {
	rafId = null;

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

	var compact = text.replace(/\s+/g, '');
	if (!compact) {
	if (lastText !== null) {
	lastText = null;
	$counter.hide();
	}
	return;
	}

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

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

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

	function scheduleUpdateDelayed() {
	window.setTimeout(scheduleUpdate, 0);
	}

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

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

	document.addEventListener('selectionchange', scheduleUpdate);
	document.addEventListener('mouseup', scheduleUpdateDelayed, true);
	document.addEventListener('mouseup', scheduleUpdateDelayed);
	document.addEventListener('keyup', scheduleUpdate);
	document.addEventListener('touchend', scheduleUpdateDelayed, { passive: true, capture: true });
	document.addEventListener('pointerup', scheduleUpdateDelayed, true);
	window.addEventListener('focus', startPolling);
	window.addEventListener('blur', stopPolling);
	document.addEventListener('visibilitychange', function () {
	if (document.hidden) {
	stopPolling();
	return;
	}
	startPolling();
	});

	startPolling();
	});
	});

Maintenance script：更健壮的选区获取与事件触发

2025-12-27T04:45:45Z

更健壮的选区获取与事件触发

←上一版本		2025年12月27日 (六) 12:45的版本
第27行：		第27行：
	function getSelectionText() {		function getSelectionText() {
	var selection = window.getSelection();		var selection = window.getSelection();
	if (!selection \|\| selection.isCollapsed) {		if (!selection \|\| selection.rangeCount === 0 \|\| selection.isCollapsed) {
	return '';		return '';
	}		}
	return ~~String(~~selection).~~trim~~();		return selection.toString();
	}		}

	function updateCounter() {		function updateCounter() {
	rafId = null;		rafId = null;

	var ~~active~~ = ~~document.activeElement~~;		var text = getSelectionText();
	if (active && (active.tagName === 'INPUT' \|\| active.tagName === 'TEXTAREA' \|\| active.isContentEditable)) {
			if (!text) {
	if (lastText !== null) {		if (lastText !== null) {
	lastText = null;		lastText = null;
第44行：		第45行：
	}		}

	var ~~text~~ = ~~getSelectionText~~();		var compact = text.replace(/\s+/g, '');
	if (!~~text~~) {		if (!compact) {
	if (lastText !== null) {		if (lastText !== null) {
	lastText = null;		lastText = null;
第58行：		第59行：

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

			function scheduleUpdateDelayed() {
			window.setTimeout(scheduleUpdate, 0);
	}		}

第85行：		第90行：

	document.addEventListener('selectionchange', scheduleUpdate);		document.addEventListener('selectionchange', scheduleUpdate);
	document.addEventListener('mouseup', ~~scheduleUpdate~~);		document.addEventListener('mouseup', scheduleUpdateDelayed, true);
			document.addEventListener('mouseup', scheduleUpdateDelayed);
	document.addEventListener('keyup', scheduleUpdate);		document.addEventListener('keyup', scheduleUpdate);
	document.addEventListener('touchend', ~~scheduleUpdate~~, { passive: true });		document.addEventListener('touchend', scheduleUpdateDelayed, { passive: true, capture: true });
			document.addEventListener('pointerup', scheduleUpdateDelayed, true);
	window.addEventListener('focus', startPolling);		window.addEventListener('focus', startPolling);
	window.addEventListener('blur', stopPolling);		window.addEventListener('blur', stopPolling);

Maintenance script：增加轮询兜底以兼容未触发 selectionchange 的情况

2025-12-27T04:42:14Z

增加轮询兜底以兼容未触发 selectionchange 的情况

@@ 第22行： / 第22行： @@
         var rafId = null;
         function getSelectionText() {
@@ 第35行： / 第37行： @@
             var active = document.activeElement;
             if (active && (active.tagName === 'INPUT' || active.tagName === 'TEXTAREA' || active.isContentEditable)) {
-                $counter.hide();
+                if (lastText !== null) {
                 return;
+            }
@@ 第41行： / 第46行： @@
             var text = getSelectionText();
             if (!text) {
-                $counter.hide();
+                if (lastText !== null) {
                 return;
+            }
             var count = Array.from(text).length;
             $counter.text('已选 ' + count + ' 字').show();
@@ 第54行： / 第67行： @@
+            }
             rafId = window.requestAnimationFrame(updateCounter);
+        }
@@ 第60行： / 第88行： @@
         document.addEventListener('keyup', scheduleUpdate);
         document.addEventListener('touchend', scheduleUpdate, { passive: true });
     });
 });

Maintenance script：确保 DOM 就绪后初始化

2025-12-27T04:37:12Z

确保 DOM 就绪后初始化

←上一版本		2025年12月27日 (六) 12:37的版本
第7行：		第7行：

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

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

	~~var~~ ~~rafId~~ ~~= null;~~		$(function () {
		⚫	var $counter = $('#mw-selection-counter');

		⚫	if (!$counter.length) {
⚫	~~function~~ getSelectionText() {
		⚫	$counter = $('<div id="mw-selection-counter" class="mw-selection-counter" role="status" aria-live="polite"></div>')
⚫	var selection = window.getSelection();
	if ~~(!selection~~ \|\| ~~selection~~.~~isCollapsed~~) {		.hide()
	~~return~~ '';		.appendTo('body');
	}		}
⚫	return String(selection).trim();
⚫	}

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

	~~var text =~~ getSelectionText();		function getSelectionText() {
		⚫	var selection = window.getSelection();
⚫	if ~~(!text)~~ {
	~~$counter.hide~~();		if (!selection \|\| selection.isCollapsed) {
	return;		return '';
		⚫	}
		⚫	return String(selection).trim();
	}		}

	~~var~~ ~~count = Array.from~~(~~text~~)~~.length;~~		function updateCounter() {
	~~$counter.text('已选~~ ' + ~~count~~ + ' ~~字').show()~~;		rafId = null;
		⚫	var active = document.activeElement;
	}
		⚫	if (active && (active.tagName === 'INPUT' \|\| active.tagName === 'TEXTAREA' \|\| active.isContentEditable)) {
		⚫	$counter.hide();
			return;
		⚫	}

		⚫	var text = getSelectionText();
	function scheduleUpdate() {
	if (~~rafId~~) {		if (!text) {
	~~return~~;		$counter.hide();
			return;
			}

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

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

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

Maintenance script：增加触发事件并增强选区检测

2025-12-27T04:35:08Z

增加触发事件并增强选区检测

←上一版本		2025年12月27日 (六) 12:35的版本
第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 });
	});		});

Maintenance script：补齐脚本

2025-12-27T04:30:56Z

补齐脚本

新页面

/* ================================================================
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 updateCounter() {
rafId = null;
var active = document.activeElement;
if (active && (active.tagName === 'INPUT' || active.tagName === 'TEXTAREA' || active.isContentEditable)) {
$counter.hide();
return;
}

var text = String(window.getSelection() || '').trim();
if (!text) {
$counter.hide();
return;
}

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

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