mobile01.com 键盘浏览

用方向键 [← / a] 切换前一页,[→ / d] 切换次一页,[↓ / s] 退回外层分类。右上角加入 [我的文章] 连结。

当前为 2020-07-14 提交的版本,查看 最新版本

  1. // ==UserScript==
  2. // @name mobile01.com - navigate with keyboard
  3. // @name:zh-TW mobile01.com 鍵盤瀏覽
  4. // @name:zh-CN mobile01.com 键盘浏览
  5. // @description:en press keyboard [← / a] to the previous page, [→ / d] to the next page, [↓ / s] back to parent classification. Add "My Article" to the top right corner.
  6. // @description:zh-TW 用方向鍵 [← / a] 切換前一頁,[→ / d] 切換次一頁,[↓ / s] 退回外層分類。右上角加入 [我的文章] 連結。
  7. // @description:zh-CN 用方向键 [← / a] 切换前一页,[→ / d] 切换次一页,[↓ / s] 退回外层分类。右上角加入 [我的文章] 连结。
  8. // @namespace https://greasyfork.org/zh-TW/users/393133-evan-tseng
  9. // @author Evan Tseng
  10. // @version 1.05
  11. // @match *://www.mobile01.com/*
  12. // @grant none
  13. // @description press keyboard [← / a] to the previous page, [→ / d] to the next page, [↓ / s] back to parent classification. Add "My Article" to the top right corner.
  14. // ==/UserScript==
  15.  
  16. (function() {
  17. 'use strict';
  18. var myArticleLink = (function(){
  19. var elm=null;
  20. if(document.querySelector(".l-header__main")){
  21. setTimeout(function(){
  22. if(elm=document.querySelector(".l-signedIn")){
  23. // 登入後,畫面右上角顯示[我的文章]連結
  24. var css=`._myArticle{display:inline-block;white-space:nowrap;height:1em;font-size:calc(9pt + .25vw);text-align:center;padding:.3em;line-height:1;margin:calc(.6em - .4vw) 1mm 1px;color:#f3f3f3;background:#30A651;border-radius:5pt;text-shadow:0 0 1px #000;box-shadow:inset 0 0 0 1px #30A651,inset 0 0 0 2px #ebeae7;transition:.2s}
  25. ._myArticle:hover{color:#f3f3f3;background:#23803d;box-shadow:inset 0 0 0 1px #3a5,inset 0 0 0 2px #fff, 0 1px 4px rgba(0,0,0,.4);transition:60ms}
  26. ._myArticle:active{color:#fff;background:#23803d;margin:calc(.6em - .4vw + 1px) 1mm 0;box-shadow:inset 0 0 0 1px #3a5,inset 0 0 0 2px #ccc,inset 0 0 5px #000;transition:0s}`,
  27. cssStyle=document.createElement('style');
  28. if(cssStyle.styleSheet) cssStyle.styleSheet.cssText=css;
  29. else cssStyle.appendChild(document.createTextNode(css));
  30. document.querySelector('head').appendChild(cssStyle);
  31. var myArticle=document.createElement('a');
  32. myArticle.appendChild(document.createTextNode("我的文章"));
  33. myArticle.setAttribute("href","/participatetopics.php");
  34. myArticle.setAttribute("class","_myArticle");
  35. myArticle.setAttribute("title","我的文章");
  36. elm.appendChild(myArticle);
  37. // 移除指向本頁的連結
  38. elm=document.querySelectorAll(".l-pagination__page.is-active>a, .c-filter a.c-iconLink--gn");
  39. for(let i in elm) if(elm[i].tagName=="A") elm[i].removeAttribute("href");
  40. }}, 500);
  41. }
  42. else setTimeout(myArticleLink, 1000);
  43. })();
  44.  
  45. var fnKey = { shift: false, ctrl:false, alt:false, meta:false };
  46. window.onfocus = function() { fnKey.shift = fnKey.ctrl = fnKey.alt = fnKey.meta = false; }
  47.  
  48. document.addEventListener("keyup", function(e) {
  49. e = e || window.event;
  50. switch(e.which || e.keyCode) {
  51. case 16: // shift
  52. fnKey.shift = false;
  53. break;
  54. case 17: // ctrl
  55. fnKey.ctrl = false;
  56. break;
  57. case 18: // alt
  58. fnKey.alt = false;
  59. break;
  60. case 91: // left Meta
  61. case 93: // right Meta
  62. fnKey.meta = false;
  63. break;
  64. }
  65. });
  66.  
  67. document.addEventListener("keydown", async function(e) {
  68. if(document.querySelector("input:focus, textarea:focus") || (fnKey.shift | fnKey.ctrl | fnKey.alt | fnKey.meta)) return;
  69. e = e || window.event;
  70. try{
  71. switch(e.which || e.keyCode) {
  72. case 16: // shift
  73. fnKey.shift = true;
  74. break;
  75. case 17: // ctrl
  76. fnKey.ctrl = true;
  77. break;
  78. case 18: // alt
  79. fnKey.alt = true;
  80. break;
  81. case 91: // left Meta
  82. case 93: // right Meta
  83. fnKey.meta = true;
  84. break;
  85.  
  86. case 40: // down
  87. case 83: // 's'
  88. if(window.location.href.match(/\/topicdetail\.php\?/i))
  89. document.querySelector(".c-breadCrumb__item:last-child a").click();
  90. else
  91. document.querySelector(".c-breadCrumb__item:nth-last-of-type(-n+2) a").click();
  92. break;
  93. case 65: // 'a'
  94. case 37: // ArrowLeft
  95. document.querySelector(".l-pagination__page.is-active").previousSibling.querySelector("a.c-pagination").click();
  96. break;
  97. case 68: // 'd'
  98. case 39: // ArrowRight
  99. document.querySelector(".l-pagination__page.is-active").nextSibling.querySelector("a.c-pagination").click();
  100. break;
  101. }
  102. } catch(e){ console.log(e); }
  103. });
  104.  
  105. })();