当前位置: 主页 > js学习网 > Jquery框架 >

Jquery实现回车键Enter切换核心

时间:2014-06-18 12:55来源:乐呵网提供 作者:乐呵网 点击:
系统默认情况下,使用Tab按键切换页面元素的焦点,有没有想过回车键Enter也可以实现这种功能,并且具有良好的用户

取的当前按下的键值 好比Enter的键值=13

利用的开拓东西是微软VS2010+Jquery框架

        $inp.bind('keydown', function (e) {

页面初始化时,核心定位第一个文本框内

    });

取的type=文本框的元素荟萃

var key = e.which;

        var $inp = $('input:text');

            var key = e.which;

                var nxtIdx = $inp.index(this) + 1;

实现步调如下

可以阻止它的默认行为的产生而产生其他的工作,在这里我们组织PostBack产生,而是切换核心。别的一个临近的要领是stopPropagation,它起到阻止js事件冒泡的浸染。

$inp.bind('keydown', function (e) {}

                $(":input:text:eq(" + nxtIdx + ")").focus();

给文本框荟萃绑定‘keydown’事件

        $(function () {

2、Javascript代码

                e.preventDefault();

<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>

阐明:

系统默认环境下,利用Tab按键切换页面元素的核心,有没有想过回车键Enter也可以实现这种成果,而且具有精采的用户体验。接下来我们利用Jquery实现回车键Enter切换核心,此代码在常用欣赏器IE7, IE8, Firefox 3, Chrome 2 和 Safari 4测试通过。

$('input:text:first').focus();

var $inp = $('input:text');

    </script>

e.preventDefault();

            }

1、首先引用Jquery类库

            if (key == 13) {

        });

<script type="text/javascript">

        $('input:text:first').focus();
(责任编辑:admin)
------分隔线----------------------------
栏目列表
推荐内容