V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
zitup
V2EX  ›  分享创造

新出炉的油猴脚本,按 '/' 键盘聚焦并滚动到搜索框处

  •  
  •   zitup ·
    zitup · 2021-12-08 00:19:11 +08:00 · 2528 次点击
    这是一个创建于 1074 天前的主题,其中的信息可能已经有所发展或是发生改变。

    QuickSearch

    一个油猴脚本,当页面存在搜索作用的输入框时,按 '/' 键快速聚焦并滚动到输入框处。

    就像在谷歌搜索页和 GitHub 首页按 '/' 键一样的效果。

    安装体验

    https://greasyfork.org/zh-CN/scripts/436684-quicksearch

    使用

    你可以随便找一个带有搜索框的网页,比如百度搜索结果页,按下 '/' 键会自动聚焦到搜索框。

    GitHub 地址,顺便求 star ~: https://github.com/zitup/quick-search

    第 1 条附言  ·  2021-12-09 16:36:45 +08:00
    或者直接在 V 站按 '/' 键,会自动聚焦到顶部的搜索框。
    9 条回复    2021-12-08 18:04:11 +08:00
    autoxbc
        1
    autoxbc  
       2021-12-08 00:35:16 +08:00
    function focusAndScrollIntoView(element) {
    event.preventDefault();

    这一句有问题,函数抽象出去后 event 就不可见了
    Kung815
        2
    Kung815  
       2021-12-08 02:23:40 +08:00 via iPhone
    Vim: gi
    2i2Re2PLMaDnghL
        3
    2i2Re2PLMaDnghL  
       2021-12-08 09:08:06 +08:00
    还有一种情况如果任何一级 parent 对象有 contenteditable 属性的也不应触发定位搜索框
    (比如 acfun 的评论区就不是 TEXTAREA|INPUT ,而是采用了 contenteditable )
    SmallTeddy
        4
    SmallTeddy  
       2021-12-08 10:02:13 +08:00
    @autoxbc event && event.preventDefault();
    zitup
        5
    zitup  
    OP
       2021-12-08 10:57:45 +08:00
    @Kung815 赞👍,我在用这个插件。gi 不能聚焦到视野之外的输入框
    zitup
        6
    zitup  
    OP
       2021-12-08 11:20:57 +08:00
    @autoxbc 感谢指出,但是确实起作用了,不知道这里的 event 从哪里来的,很奇怪..
    @SmallTeddy
    Cusmate
        7
    Cusmate  
       2021-12-08 16:28:53 +08:00
    在加个退出聚焦的功能吧,要不用键盘就没法滚动网页了
    zitup
        8
    zitup  
    OP
       2021-12-08 18:02:15 +08:00
    @Cusmate 大部分网页应该支持 ESC 退出聚焦,你看的是哪个页面
    zitup
        9
    zitup  
    OP
       2021-12-08 18:04:11 +08:00
    @Cusmate 聚焦就是为了搜索,按回车或者鼠标点击搜索,应该是可以向下一步进行的
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2648 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 04:35 · PVG 12:35 · LAX 20:35 · JFK 23:35
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.