方向键 移动checkboxlist焦点

本文介绍了如何使用jQuery实现网格中输入框的焦点快速切换功能,通过设置tabindex属性和键盘事件监听,使得用户可以通过上下箭头键在网格内各输入框间高效导航。

  http://www.cnblogs.com/zhangziqiu/archive/2009/04/30/jQuery-Learn-1.html  jquery

 series.SmartLabelStyle.Enabled = false;

$(function() {

        var baseIndex = 100;

        $("#tblGrid")

        .find("tr").each(function(r) {

            $(this).find("td").each(function(c) {

                $(this).find("input")

                .attr("tabindex", r * 100 + c + baseIndex)

                .addClass("cGridInput");

            });

        });

        $("#tblGrid .cGridInput").live("keydown", function(evt) {

            var tabIndex = parseInt($(this).attr("tabindex"));

            switch (evt.which) {

                case 38: //上

                    tabIndex -= 100;

                    break;

                case 40: //下

                    tabIndex += 100;

                    break;

                case 37: //左(會導致輸入時無法使用左右移)

                    tabIndex--;
                    break;

                case 39: //右(會導致輸入時無法使用左右移)

                    tabIndex++;

                    break;

                default:

                    return;

            }

            if (tabIndex > 0) {

                $(".cGridInput[tabindex=" + tabIndex + "]").focus();

                return false;

            }

            return true;

        });

    });

转载于:https://www.cnblogs.com/standy225/archive/2012/07/09/2583876.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值