Question

我试图实现一个简单的Javascript，这个Javascript会导致焦点跳转到具有特定CSS类的下一个输入框，当＆＃34; period＆＃34;或者＆＃34;斜杠＆＃34; （. /）键被按下。

类userinput的输入框是＆＃34; IP地址＆＃34;下面的20个框。在下一页的“检查/显示”按钮左侧的列。

http://www.practicalnetworking.net/subnet2.html

这是我添加的脚本：

<script type="text/javascript">
      // Jump to next box on keypress: period
      $(window).load(function(){
        var currentBoxNumber = 0;
        $(".userinput").keyup(function (event) {
            if (event.keyCode == 190) {
                textboxes = $("input.userinput");
                currentBoxNumber = textboxes.index(this);
                console.log(textboxes.index(this));
                if (textboxes[currentBoxNumber + 1] != null) {
                    nextBox = textboxes[currentBoxNumber + 1];
                    nextBox.focus();
                    nextBox.select();
                    event.preventDefault();
                    return false;
                }
            }
        });
      });
</script>

我从这个JFiddle获得了脚本，它在JFiddle中运行得非常好：

http://jsfiddle.net/qLc8851f/

我在这个网站上获得了.的密钥代码190：

http://www.asquare.net/javascript/tests/KeyCode.html

我为/获得了191，但尚未将其添加到代码中。仍在尝试使用.。

免责声明，我是一个javascript newb。所以请考虑解释像我这样的解决方案。谢谢。

Answer 1

任何浏览器中包含的webdev工具都非常有助于调试此类问题。当我打开你的页面时，控制台说“$ is not defined”。你需要包含jQuery！

＆＃34; period＆＃34;跳转到下一个输入。或者＆＃34;斜杠＆＃34;按了

1 个答案: