Question

我设法使下面的脚本在Firefox 12.0中运行。 IE和Chrome无法正常运行。假设文本区域ID是#ICCID和#MSISDN，jQuery看起来像这样：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript">
        $(function() {
            $(document).ready(function() {
            $("#ICCID").focus();
            });

            var $inp = $('.cls');

            $inp.bind('keydown', function(e) {
                var key = e.which;
                if (key == 9) {

                    e.preventDefault();
                    var nxtIdx = $inp.index(this) + 1;                  
                    $(".cls:eq(" + nxtIdx + ")").focus();

                //Simulate Enter after TAB
                var textInput = $("#MSISDN").val();
                var lines = textInput .split(/\r|\r\n|\n/);
                if (lines > 1) {

                    $("#MSISDN").on("keypress", function(e) {
                    if (e.keyCode == 9) {
                    var input = $(this);
                    var inputVal = input.val();
                    setTimeout(function() {
                    input.val(inputVal.substring(0,inputVal.length) + "\n");
                          }, 1);
                       }
                    });
                }



                }
                if (key == 9) {

                    e.preventDefault();
                    var nxtIdx = $inp.index(this) - 1;
                    $(".cls:eq(" + nxtIdx + ")").focus();

                //Simulate Enter after TAB
                $("#ICCID").on("keypress", function(e) {
                if (e.keyCode == 9) {
                var input = $(this);
                var inputVal = input.val();
                setTimeout(function() {
                input.val(inputVal.substring(0,inputVal.length) + "\n");
                      }, 1);
                   }
                });


                }
            });
        });
</script>

脚本的想法是通过按下键盘上的TAB按钮在两个特定文本区域之间切换，当加载网页时初始焦点在第一个文本区域上，并且在TAB动作完成后模拟按下Enter按钮。对于此TAB键按下事件，必须忽略页面上的所有其他元素。

任何人都可以帮忙吗？

Answer 1

当你第一次绑定keydown动作时，我会尝试：

$inp.bind("keydown", function(e)
{
    var code = (e.keyCode ? e.keyCode : e.which);
    if(code == 9)
    {
        //DO SOMETHING
    }
});

我还会将您的所有keypress更改为keydown

或尝试阅读http://api.jquery.com/keypress/

需要在大多数浏览器中使用jQuery脚本（跨浏览器）

1 个答案: