javascript - 是否可以在 javascript 中创建具有 123,345 这样的序列而不是组合的快捷方式？

Question

我已经使用了一些脚本来实现网页中的快捷方式

但我想知道是否可以关联一些不像 Ctrl+X 那样同步的组合，而更像是键入 1..2..3 或任何其他组合来执行脚本的序列...

让我们假设这个例子:

你有一长串数字:

您可以输入 3..5...6，这样您就可以通过项目 3、35、356 转到项目 356

或多或少就像您在选择选择框时键入

我希望它很清楚，但不容易解释......

Answer 1

建议:创建一个文本输入，然后 Hook onchange 事件。当框中的值发生更改时，在内部导航到页面上的适当位置。使用 CSS position:fixed 将输入保持在正确的位置。

示例页面 html:

<p id="3">
    This is paragraph 3.
</p>
...
<p id="35">
    This is paragraph 35.
</p>
...
<p id="356">
    This is paragraph 356
</p>

导航框的 html 示例:

<div class="navigate">
    <p>Go to: <input type="text" id="navbox" /></p>
</div>

css 将其放置在屏幕的右上角:

.navigate {
    position: fixed;
    top: 0px;
    right: 0px;
}

执行导航的 JavaScript:

(function(){
    var navbox = document.getElementById("navbox");
    navbox.onchange = function(){
        var value = navbox.value;
        if (document.getElementById(value)) {
            window.location.assign("#" + value);
        }
    };
})();

希望这有帮助!