jquery键盘事件实现enter、上下左右切换input焦点

最新推荐文章于 2021-04-29 21:27:00 发布

A_yuaaaaa

最新推荐文章于 2021-04-29 21:27:00 发布

阅读量1.5k

点赞数

分类专栏： jquery

本文链接：https://blog.csdn.net/A_yuaaaaa/article/details/95329199

版权

本文介绍如何利用jQuery监听键盘事件，特别是enter键及方向键（上、下、左、右），实现焦点在不同input元素间的切换，提升用户体验。

摘要由CSDN通过智能技术生成

jquery键盘事件实现enter、上下左右切换input焦点

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>表单事件 and 键盘事件and 回车和小键盘切换input焦点</title>
    <style type="text/css">
        .color
        {
            background-color: rgb(77,198,227);
            border-color: white;
        }
        input
        {
            line-height: 25px;
            border-color: red;
        }
    </style>
    <script type="text/javascript" src="../jquery-1.8.3.js"></script>
    <script type="text/javascript">
        //回车和小键盘切换input焦点
        function getfocus(thisinput)
        {
            var inputs = document.getElementsByTagName("input");
            if(event.keyCode == 13 || event.keyCode == 40 || event.keyCode == 39) {
                for (var i=0; i < inputs.length; i+&#