联系我们
简单又实用的WordPress网站制作教学
当前位置:网站首页 > 网页前端技术 > 正文

jQuery实现回车键(Enter)切换文本框焦点的代码实例 - Web前端

作者:98wpeu发布时间:2026-10-03分类:网页前端技术浏览:4


导读:以下是实现方法:复制代码代码如下:<scriptsrc="http://yige.org/static/JS/j.js"></script>JQuery...

以下是实现方法:
复制代码 代码如下:
<script src="http://yige.org/static/JS/j.js"></script>
JQuery(function () {
    jQuery('input:text:first').focus();//直接定位到当前页面的第一个文本框
    var $inp = jquery('input:text');//所有文本框
    $inp.bind('keydown', function (e) {
        var key = e.which;
        if (key == 13) {
            e.PReventDefault();
            var nxtIdx = $inp.index(this) + 1;
            jquery(":input:text:eq(" + nxtIdx + ")").focus();
        }
    });
});

 

标签:回车键文本框实例代码焦点Web


网页前端技术排行
最近发表
网站分类
标签列表