PC外设

共 1 篇文章

排序

发布更新浏览点赞

键盘的各种轴承

键盘的各种轴承

机械键盘青轴（适合需要大量快速输入和反应的场景，例如程序员、金融交易员、打字员等）特点：具有非常明显的触发感受和声音反馈，适合对键盘反馈力度要求较高的用户；触发力较高，需要一定的按键力度才能触发...

硬件相关 # PC外设

2个月前

340

(function () { function prettifyLang(raw) { if(!raw) return 'Text'; // "language-plain-text" => "Plain Text" return raw .replace(/^language-?/i, '') .replace(/^lang-?/i, '') .replace(/[^a-z0-9\-_]/ig, '') .replace(/[-_]+/g, ' ') .replace(/\b\w/g, function(c){ return c.toUpperCase(); }) || 'Text'; } function buildCopySVG() { return ''; } function makeToolbarFor(pre) { if (pre.closest('.code-wrapper')) return; // 已处理 var code = pre.querySelector('code'); // 取 class 中的 language-XXX 或 lang-XXX var lang = 'Text'; if (code && code.className) { var m = code.className.match(/(?:language|lang)[-_]?([^\s]+)/i); if (m) lang = prettifyLang(m[0]); else { // 若没有找到，尝试取 code 的 data-lang 属性 lang = code.getAttribute('data-lang') || code.getAttribute('data-language') || 'Text'; lang = prettifyLang(lang); } } // wrap var wrapper = document.createElement('div'); wrapper.className = 'code-wrapper'; pre.parentNode.insertBefore(wrapper, pre); wrapper.appendChild(pre); // toolbar var toolbar = document.createElement('div'); toolbar.className = 'code-toolbar'; var langSpan = document.createElement('span'); langSpan.className = 'code-lang'; langSpan.textContent = lang; var actions = document.createElement('div'); actions.className = 'code-actions'; var copyBtn = document.createElement('button'); copyBtn.type = 'button'; copyBtn.className = 'copy-btn'; copyBtn.setAttribute('aria-label', '复制代码'); copyBtn.innerHTML = buildCopySVG() + '复制'; actions.appendChild(copyBtn); toolbar.appendChild(langSpan); toolbar.appendChild(actions); wrapper.insertBefore(toolbar, pre); // copy handler copyBtn.addEventListener('click', function () { var text = code ? code.innerText : pre.innerText; if (!text) return; // 现代 API if (navigator.clipboard && navigator.clipboard.writeText) { navigator.clipboard.writeText(text).then(function () { flashCopied(copyBtn); }, function () { fallbackCopy(text, copyBtn); }); } else { fallbackCopy(text, copyBtn); } }); } function fallbackCopy(text, btn) { try { var ta = document.createElement('textarea'); ta.value = text; // prevent scroll jump ta.style.position = 'fixed'; ta.style.left = '-9999px'; document.body.appendChild(ta); ta.select(); var ok = document.execCommand('copy'); document.body.removeChild(ta); if (ok) flashCopied(btn); else alert('复制失败，请手动复制。'); } catch (e) { alert('复制失败，请手动复制。'); } } function flashCopied(btn) { var span = btn.querySelector('.copy-text'); if (!span) return; span.textContent = '已复制'; btn.classList.add('copied'); setTimeout(function () { span.textContent = '复制'; btn.classList.remove('copied'); }, 2000); } // Run on DOM ready if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', function () { document.querySelectorAll('pre').forEach(makeToolbarFor); }); } else { document.querySelectorAll('pre').forEach(makeToolbarFor); } // 如果网站通过 PJAX/章节异步加载内容，建议在对应回调中再次调用 makeToolbarFor })();