MediaWiki:Common.js - 版本历史

OnlyOTO：页面内容被替换为“/* 这里的任何JavaScript将为所有用户在每次页面加载时加载。 / / USERNAME / $( function() { if ( mw.user.isNamed() ) { $( '.insertusername' ).text( mw.user.getName() ); } else { $( '.insertusername' ).text( '访客' ); } } ); / INFOBOX */ $('.infobox').hide();”

2026-03-31T07:57:42Z

页面内容被替换为“这里的任何JavaScript将为所有用户在每次页面加载时加载。： USERNAME： $( function() { if ( mw.user.isNamed() ) { $( '.insertusername' ).text( mw.user.getName() ); } else { $( '.insertusername' ).text( '访客' ); } } ); INFOBOX： $('.infobox').hide();”

←上一版本		2026年3月31日 (二) 15:57的版本
第12行：		第12行：
	/* INFOBOX */		/* INFOBOX */
	$('.infobox').hide();		$('.infobox').hide();

	~~(function() {~~
	~~mw.loader.using('jquery', function() {~~
	~~$(function() {~~
	~~// 防重复挂载~~
	~~if (document.querySelector('.magnetic-pointer-original')) return;~~

	~~// 创建光标DOM~~
	~~const pointer = document.createElement('div');~~
	~~pointer.className = 'magnetic-pointer-original';~~
	~~pointer.innerHTML = '<div></div><div></div><div></div><div></div>';~~
	~~document.body.appendChild(pointer);~~

	~~// 终极修复CSS：纯镂空四角 + 适配Citizen层级~~
	~~const style = document.createElement('style');~~
	~~style.textContent = `~~
	~~/* 光标本体 */~~
	~~.magnetic-pointer-original {~~
	~~--width: 4rem;~~
	~~--height: 4rem;~~
	~~position: fixed;~~
	~~top: calc(var(--height) / -2);~~
	~~left: calc(var(--width) / -2);~~
	~~width: var(--width);~~
	~~height: var(--height);~~
	~~transition: all 0.2s ease-out;~~
	~~pointer-events: none;~~
	~~z-index: 999999 !important; /* 压过Citizen所有弹窗/导航 */~~
	}
	~~/* 四角拐角 - 杜绝方块 */~~
	~~.magnetic-pointer-original div {~~
	~~position: absolute;~~
	~~width: 12px;~~
	~~height: 12px;~~
	~~border-color: #17f700;~~
	~~background: transparent !important;~~
	~~box-shadow: none !important;~~
	~~margin: 0 !important;~~
	~~padding: 0 !important;~~
	}
	~~.magnetic-pointer-original div:nth-child(1) {top:0;left:0;border-top:2px solid;border-left:2px solid;}~~
	~~.magnetic-pointer-original div:nth-child(2) {top:0;right:0;border-top:2px solid;border-right:2px solid;}~~
	~~.magnetic-pointer-original div:nth-child(3) {bottom:0;left:0;border-bottom:2px solid;border-left:2px solid;}~~
	~~.magnetic-pointer-original div:nth-child(4) {bottom:0;right:0;border-bottom:2px solid;border-right:2px solid;}~~

	~~/* 锁定Citizen皮肤所有按钮为磁吸目标 */~~
	~~.citizen-button,~~
	~~.citizen-ui-button,~~
	~~.citizen-nav-item a,~~
	~~.citizen-menu-item a,~~
	~~#citizen-header a,~~
	~~#citizen-sidebar a,~~
	~~.vector-tabs a,~~
	~~.mw-editsection,~~
	~~a.citizen-link-button {~~
	~~position: relative !important;~~
	}
	`;
	~~document.head.appendChild(style);~~

	~~let currentTarget = null;~~
	~~let currentX = 0, currentY = 0;~~

	~~// 磁吸跟随逻辑~~
	~~const onMouseMove = function(e) {~~
	~~let x = e.clientX;~~
	~~let y = e.clientY;~~
	~~if (currentTarget) {~~
	~~const rect = currentTarget.getBoundingClientRect();~~
	~~const centerX = rect.left + rect.width / 2;~~
	~~const centerY = rect.top + rect.height / 2;~~
	~~x = centerX + (x - centerX) * 0.12; // 微调吸附顺滑度~~
	~~y = centerY + (y - centerY) * 0.12;~~
	}
	~~currentX = x;~~
	~~currentY = y;~~
	~~pointer.style.transform = `translate(${currentX}px, ${currentY}px)`;~~
	};

	~~const onMouseEnter = function(e) {~~
	~~currentTarget = e.currentTarget;~~
	~~const rect = currentTarget.getBoundingClientRect();~~
	~~// 贴合Citizen按钮间距，放大留白更自然~~
	~~const gap = window.innerWidth / 60;~~
	~~pointer.style.setProperty('--width', rect.width + gap + 'px');~~
	~~pointer.style.setProperty('--height', rect.height + gap + 'px');~~
	};

	~~const onMouseLeave = function() {~~
	~~currentTarget = null;~~
	~~pointer.style.setProperty('--width', '4rem');~~
	~~pointer.style.setProperty('--height', '4rem');~~
	};

	~~// 自动绑定：Citizen全系列按钮 + 原有自定义_target~~
	~~const bindCitizenButtons = function() {~~
	~~const selector = `~~
	~~.citizen-button:not([data-bound]),~~
	~~.citizen-ui-button:not([data-bound]),~~
	~~.citizen-nav-item a:not([data-bound]),~~
	~~.citizen-menu-item a:not([data-bound]),~~
	~~#citizen-header a:not([data-bound]),~~
	~~#citizen-sidebar a:not([data-bound]),~~
	~~.mw-editsection:not([data-bound]),~~
	~~a.citizen-link-button:not([data-bound]),~~
	~~._target:not([data-bound])~~
	`;
	~~document.querySelectorAll(selector).forEach(el => {~~
	~~el.dataset.bound = "1";~~
	~~el.addEventListener('mouseenter', onMouseEnter);~~
	~~el.addEventListener('mouseleave', onMouseLeave);~~
	~~});~~
	};

	~~// 全局鼠标监听~~
	~~window.addEventListener('mousemove', onMouseMove);~~

	~~// 初始绑定~~
	~~bindCitizenButtons();~~

	~~// 监听动态加载（侧边栏折叠/展开、AJAX页面、弹窗）~~
	~~const observer = new MutationObserver(() => bindCitizenButtons());~~
	~~observer.observe(document.body, { childList: true, subtree: true, attributes: true });~~
	~~});~~
	~~});~~
	~~})();~~

2026年3月31日 (二) 07:56 OnlyOTO

2026-03-31T07:56:39Z

←上一版本		2026年3月31日 (二) 15:56的版本
第16行：		第16行：
	mw.loader.using('jquery', function() {		mw.loader.using('jquery', function() {
	$(function() {		$(function() {
			// 防重复挂载
	if (document.querySelector('.magnetic-pointer-original')) return;		if (document.querySelector('.magnetic-pointer-original')) return;

			// 创建光标DOM
	const pointer = document.createElement('div');		const pointer = document.createElement('div');
	pointer.className = 'magnetic-pointer-original';		pointer.className = 'magnetic-pointer-original';
第23行：		第25行：
	document.body.appendChild(pointer);		document.body.appendChild(pointer);

			// 终极修复CSS：纯镂空四角 + 适配Citizen层级
	const style = document.createElement('style');		const style = document.createElement('style');
	style.textContent = `		style.textContent = `
			/* 光标本体 */
	.magnetic-pointer-original {		.magnetic-pointer-original {
	--width: 4rem;		--width: 4rem;
第35行：		第39行：
	transition: all 0.2s ease-out;		transition: all 0.2s ease-out;
	pointer-events: none;		pointer-events: none;
	z-index: ~~99999~~;		z-index: 999999 !important; /* 压过Citizen所有弹窗/导航 */
	}		}
			/* 四角拐角 - 杜绝方块 */
	.magnetic-pointer-original div {		.magnetic-pointer-original div {
	position: absolute;		position: absolute;
	width: ~~0.8rem~~;		width: 12px;
	height: ~~0.8rem~~;		height: 12px;
	border-color: #17f700;		border-color: #17f700;
	background: transparent !important;		background: transparent !important;
			box-shadow: none !important;
			margin: 0 !important;
			padding: 0 !important;
			}
			.magnetic-pointer-original div:nth-child(1) {top:0;left:0;border-top:2px solid;border-left:2px solid;}
			.magnetic-pointer-original div:nth-child(2) {top:0;right:0;border-top:2px solid;border-right:2px solid;}
			.magnetic-pointer-original div:nth-child(3) {bottom:0;left:0;border-bottom:2px solid;border-left:2px solid;}
			.magnetic-pointer-original div:nth-child(4) {bottom:0;right:0;border-bottom:2px solid;border-right:2px solid;}

			/* 锁定Citizen皮肤所有按钮为磁吸目标 */
			.citizen-button,
			.citizen-ui-button,
			.citizen-nav-item a,
			.citizen-menu-item a,
			#citizen-header a,
			#citizen-sidebar a,
			.vector-tabs a,
			.mw-editsection,
			a.citizen-link-button {
			position: relative !important;
	}		}
	~~.magnetic-pointer-original div:nth-child(1) {top:0;left:0;border-top:3px solid;border-left:3px solid;}~~
	~~.magnetic-pointer-original div:nth-child(2) {top:0;right:0;border-top:3px solid;border-right:3px solid;}~~
	~~.magnetic-pointer-original div:nth-child(3) {bottom:0;left:0;border-bottom:3px solid;border-left:3px solid;}~~
	~~.magnetic-pointer-original div:nth-child(4) {bottom:0;right:0;border-bottom:3px solid;border-right:3px solid;}~~
	`;		`;
	document.head.appendChild(style);		document.head.appendChild(style);
第54行：		第75行：
	let currentX = 0, currentY = 0;		let currentX = 0, currentY = 0;

			// 磁吸跟随逻辑
	const onMouseMove = function(e) {		const onMouseMove = function(e) {
	let x = e.clientX;		let x = e.clientX;
第61行：		第83行：
	const centerX = rect.left + rect.width / 2;		const centerX = rect.left + rect.width / 2;
	const centerY = rect.top + rect.height / 2;		const centerY = rect.top + rect.height / 2;
	x = centerX + (x - centerX) * 0.1;		x = centerX + (x - centerX) * 0.12; // 微调吸附顺滑度
	y = centerY + (y - centerY) * 0.1;		y = centerY + (y - centerY) * 0.12;
	}		}
	currentX = x;		currentX = x;
第72行：		第94行：
	currentTarget = e.currentTarget;		currentTarget = e.currentTarget;
	const rect = currentTarget.getBoundingClientRect();		const rect = currentTarget.getBoundingClientRect();
	pointer.style.setProperty('--width', rect.width + ~~window.innerWidth / 50~~ + 'px');		// 贴合Citizen按钮间距，放大留白更自然
	pointer.style.setProperty('--height', rect.height + ~~window.innerWidth / 50~~ + 'px');		const gap = window.innerWidth / 60;
			pointer.style.setProperty('--width', rect.width + gap + 'px');
			pointer.style.setProperty('--height', rect.height + gap + 'px');
	};		};

第82行：		第106行：
	};		};

	const ~~bindTargets~~ = function() {		// 自动绑定：Citizen全系列按钮 + 原有自定义_target
	document.querySelectorAll(~~'._target'~~).forEach(el => {		const bindCitizenButtons = function() {
	~~if (~~el.~~_magneticBound) return;~~		const selector = `
	el.~~_magneticBound~~ = ~~true~~;		.citizen-button:not([data-bound]),
			.citizen-ui-button:not([data-bound]),
			.citizen-nav-item a:not([data-bound]),
			.citizen-menu-item a:not([data-bound]),
			#citizen-header a:not([data-bound]),
			#citizen-sidebar a:not([data-bound]),
			.mw-editsection:not([data-bound]),
			a.citizen-link-button:not([data-bound]),
			._target:not([data-bound])
			`;
			document.querySelectorAll(selector).forEach(el => {
			el.dataset.bound = "1";
	el.addEventListener('mouseenter', onMouseEnter);		el.addEventListener('mouseenter', onMouseEnter);
	el.addEventListener('mouseleave', onMouseLeave);		el.addEventListener('mouseleave', onMouseLeave);
第91行：		第126行：
	};		};

			// 全局鼠标监听
	window.addEventListener('mousemove', onMouseMove);		window.addEventListener('mousemove', onMouseMove);
	~~bindTargets~~();
	const observer = new MutationObserver(~~bindTargets~~);		// 初始绑定
	observer.observe(document.body, { childList: true, subtree: true });		bindCitizenButtons();

			// 监听动态加载（侧边栏折叠/展开、AJAX页面、弹窗）
			const observer = new MutationObserver(() => bindCitizenButtons());
			observer.observe(document.body, { childList: true, subtree: true, attributes: true });
	});		});
	});		});
	})();		})();

2026年3月31日 (二) 07:55 OnlyOTO

2026-03-31T07:55:22Z

←上一版本		2026年3月31日 (二) 15:55的版本
第14行：		第14行：

	(function() {		(function() {
	~~// 等待 jQuery 加载完成（MediaWiki 自带 jQuery）~~
	mw.loader.using('jquery', function() {		mw.loader.using('jquery', function() {
	$(function() {		$(function() {
	~~// 防止重复创建光标~~
	if (document.querySelector('.magnetic-pointer-original')) return;		if (document.querySelector('.magnetic-pointer-original')) return;

	~~// 1. 创建光标元素~~
	const pointer = document.createElement('div');		const pointer = document.createElement('div');
	pointer.className = 'magnetic-pointer-original';		pointer.className = 'magnetic-pointer-original';
第26行：		第23行：
	document.body.appendChild(pointer);		document.body.appendChild(pointer);

	~~// 2. 注入光标样式~~
	const style = document.createElement('style');		const style = document.createElement('style');
	style.textContent = `		style.textContent = `
	.magnetic-pointer-original {		.magnetic-pointer-original {
	--width: 4rem;		--width: 4rem;
	--height: 4rem;		--height: 4rem;
	position: fixed;		position: fixed;
	top: calc(var(--height) / -2);		top: calc(var(--height) / -2);
	left: calc(var(--width) / -2);		left: calc(var(--width) / -2);
	width: var(--width);		width: var(--width);
	height: var(--height);		height: var(--height);
	transition: all 0.2s ease-out;		transition: all 0.2s ease-out;
	pointer-events: none;		pointer-events: none;
	z-index: 99999;		z-index: 99999;
	}		}
	.magnetic-pointer-original div {		.magnetic-pointer-original div {
	position: absolute;		position: absolute;
	width: ~~1rem~~;		width: 0.8rem;
	height~~: 1rem;~~		height: 0.8rem;
	~~border-width~~: 0.~~3rem~~;		border-color: #17f700;
	border-color: #17f700;		background: transparent !important;
	}		}
	.magnetic-pointer-original div:nth-child(1) { top: 0; left: 0; border-top~~-style~~: solid; border-left~~-style~~: solid; }		.magnetic-pointer-original div:nth-child(1) {top:0;left:0;border-top:3px solid;border-left:3px solid;}
	.magnetic-pointer-original div:nth-child(2) { top: 0; right: 0; border-top~~-style~~: solid; border-right~~-style~~: solid; }		.magnetic-pointer-original div:nth-child(2) {top:0;right:0;border-top:3px solid;border-right:3px solid;}
	.magnetic-pointer-original div:nth-child(3) { bottom: 0; left: 0; border-bottom~~-style~~: solid; border-left~~-style~~: solid; }		.magnetic-pointer-original div:nth-child(3) {bottom:0;left:0;border-bottom:3px solid;border-left:3px solid;}
	.magnetic-pointer-original div:nth-child(4) { bottom: 0; right: 0; border-bottom~~-style~~: solid; border-right~~-style~~: solid; }		.magnetic-pointer-original div:nth-child(4) {bottom:0;right:0;border-bottom:3px solid;border-right:3px solid;}
	`;		`;
	document.head.appendChild(style);		document.head.appendChild(style);
第58行：		第54行：
	let currentX = 0, currentY = 0;		let currentX = 0, currentY = 0;

	~~// 鼠标移动：磁性跟随~~
	const onMouseMove = function(e) {		const onMouseMove = function(e) {
	let x = e.clientX;		let x = e.clientX;
第74行：		第69行：
	};		};

	~~// 鼠标进入目标：磁性吸附 + 放大~~
	const onMouseEnter = function(e) {		const onMouseEnter = function(e) {
	currentTarget = e.currentTarget;		currentTarget = e.currentTarget;
第82行：		第76行：
	};		};

	~~// 鼠标离开：恢复原状~~
	const onMouseLeave = function() {		const onMouseLeave = function() {
	currentTarget = null;		currentTarget = null;
第89行：		第82行：
	};		};

	~~// 绑定磁性目标 ._target~~
	const bindTargets = function() {		const bindTargets = function() {
	document.querySelectorAll('._target').forEach(el => {		document.querySelectorAll('._target').forEach(el => {
第99行：		第91行：
	};		};

	~~// 全局监听鼠标移动~~
	window.addEventListener('mousemove', onMouseMove);		window.addEventListener('mousemove', onMouseMove);

	~~// 初始绑定~~
	bindTargets();		bindTargets();

	~~// 监听页面内容变化（支持动态加载）~~
	const observer = new MutationObserver(bindTargets);		const observer = new MutationObserver(bindTargets);
	observer.observe(document.body, { childList: true, subtree: true });		observer.observe(document.body, { childList: true, subtree: true });

2026年3月31日 (二) 07:54 OnlyOTO

2026-03-31T07:54:01Z

显示更改

2026年3月31日 (二) 07:52 OnlyOTO

2026-03-31T07:52:14Z

显示更改

2026年3月31日 (二) 07:50 OnlyOTO

2026-03-31T07:50:00Z

←上一版本		2026年3月31日 (二) 15:50的版本
第12行：		第12行：
	/* INFOBOX */		/* INFOBOX */
	$('.infobox').hide();		$('.infobox').hide();

			// 将下面的代码整体复制到下一步要创建的 .js 页面中
			(function(mw, $) {
			// 确保页面加载完成后再执行
			mw.hook('wikipage.content').add(function() {
			// 1. 创建光标的HTML结构
			if (document.querySelector('.magnetic-pointer')) return;
			const pointerDiv = document.createElement('div');
			pointerDiv.className = 'magnetic-pointer';
			pointerDiv.innerHTML = '<div></div><div></div><div></div><div></div>';
			document.body.appendChild(pointerDiv);

			// 2. 注入光标专属的CSS样式
			const style = `
			.magnetic-pointer {
			--width: 4rem;
			--height: 4rem;
			position: fixed;
			top: calc(var(--height) / -2);
			left: calc(var(--width) / -2);
			width: var(--width);
			height: var(--height);
			transition: all 0.2s ease-out;
			pointer-events: none;
			z-index: 9999;
			}
			.magnetic-pointer div {
			position: absolute;
			width: 1rem;
			height: 1rem;
			border-width: 0.3rem;
			border-color: #17f700;
			}
			.magnetic-pointer div:nth-child(1) { top: 0; left: 0; border-top-style: solid; border-left-style: solid; }
			.magnetic-pointer div:nth-child(2) { top: 0; right: 0; border-top-style: solid; border-right-style: solid; }
			.magnetic-pointer div:nth-child(3) { bottom: 0; left: 0; border-bottom-style: solid; border-left-style: solid; }
			.magnetic-pointer div:nth-child(4) { bottom: 0; right: 0; border-bottom-style: solid; border-right-style: solid; }
			.mw-target-hover { cursor: pointer; } /* 为可吸附元素增加光标提示 */
			`;
			if (!document.getElementById('magnetic-pointer-styles')) {
			const styleSheet = document.createElement('style');
			styleSheet.id = 'magnetic-pointer-styles';
			styleSheet.textContent = style;
			document.head.appendChild(styleSheet);
			}

			// 3. 光标逻辑
			const pointer = document.querySelector('.magnetic-pointer');
			let currentTarget = null;

			const move = (e) => {
			let x = e.clientX, y = e.clientY;
			if (currentTarget) {
			const rect = currentTarget.getBoundingClientRect();
			const centerX = rect.left + rect.width / 2;
			const centerY = rect.top + rect.height / 2;
			x = centerX + (x - centerX) * 0.1;
			y = centerY + (y - centerY) * 0.1;
			}
			if (pointer) pointer.style.transform = `translate(${x}px, ${y}px)`;
			};

			const bindTargets = () => {
			document.querySelectorAll('.mw-target-hover').forEach(el => {
			el.removeEventListener('mouseenter', onMouseEnter);
			el.removeEventListener('mouseleave', onMouseLeave);
			el.addEventListener('mouseenter', onMouseEnter);
			el.addEventListener('mouseleave', onMouseLeave);
			});
			};

			const onMouseEnter = (e) => {
			currentTarget = e.currentTarget;
			const rect = currentTarget.getBoundingClientRect();
			if (pointer) {
			pointer.style.setProperty('--width', rect.width + window.innerWidth / 50 + 'px');
			pointer.style.setProperty('--height', rect.height + window.innerWidth / 50 + 'px');
			}
			};

			const onMouseLeave = () => {
			currentTarget = null;
			if (pointer) {
			pointer.style.setProperty('--width', '4rem');
			pointer.style.setProperty('--height', '4rem');
			}
			};

			window.addEventListener('mousemove', move);
			// 监听页面内容变化，重新绑定目标元素
			const observer = new MutationObserver(bindTargets);
			observer.observe(document.body, { childList: true, subtree: true });
			bindTargets();
			});
			})(window.mediaWiki, window.jQuery);

2026年3月27日 (五) 17:08 OnlyOTO

2026-03-27T17:08:55Z

←上一版本		2026年3月28日 (六) 01:08的版本
第12行：		第12行：
	/* INFOBOX */		/* INFOBOX */
	$('.infobox').hide();		$('.infobox').hide();


	~~/* 首字下沉 */~~
	~~.dropCap::first-letter {~~
	~~float: left;~~
	~~font-size: 3.2em !important;~~
	~~line-height: 0.85em !important;~~
	~~margin-right: 0.1em !important;~~
	~~font-weight: bold;~~
	~~color: #000;~~
	}

2026年3月27日 (五) 17:07 OnlyOTO

2026-03-27T17:07:17Z

←上一版本		2026年3月28日 (六) 01:07的版本
第15行：		第15行：

	/* 首字下沉 */		/* 首字下沉 */
	.~~first-letter-drop~~::first-letter {		.dropCap::first-letter {
	float: left;		float: left;
	font-size: 2.~~5em~~;		font-size: 3.2em !important;
	~~font-weight: bold;~~		line-height: 0.85em !important;
	line-height: ~~1em~~;		margin-right: 0.1em !important;
	margin: 0 0.1em ~~0 0~~;		font-weight: bold;
	color: #~~333~~;		color: #000;
	}		}

2026年3月27日 (五) 17:06 OnlyOTO

2026-03-27T17:06:32Z

←上一版本		2026年3月28日 (六) 01:06的版本
第11行：		第11行：

	/* INFOBOX */		/* INFOBOX */
			$('.infobox').hide();

	~~$('~~.~~infobox')~~.~~hide()~~;
			/* 首字下沉 */
			.first-letter-drop::first-letter {
			float: left;
			font-size: 2.5em;
			font-weight: bold;
			line-height: 1em;
			margin: 0 0.1em 0 0;
			color: #333;
			}

2026年3月27日 (五) 15:03 OnlyOTO

2026-03-27T15:03:56Z

←上一版本		2026年3月27日 (五) 23:03的版本
第1行：		第1行：
	/* 这里的任何JavaScript将为所有用户在每次页面加载时加载。 */		/* 这里的任何JavaScript将为所有用户在每次页面加载时加载。 */

			/* USERNAME */
	$( function() {		$( function() {
	if ( mw.user.isNamed() ) {		if ( mw.user.isNamed() ) {
第8行：		第9行：
	}		}
	} );		} );

			/* INFOBOX */

			$('.infobox').hide();