返回

使用纯javascript单击按钮时聚焦下一个文本字段

发布时间:2022-04-23 02:44:31 221
# 前端

我试图使用纯javascript关注按钮点击时的上一个或下一个文本字段;不适用于jQuery。

这里有一个现有的示例代码,但使用jQuery:http://jsfiddle.net/arunpjohny/stq4xn2d/

HTML

    <input type="text" class="mytextbox">
    <input type="text" class="mytextbox">
    <input type="text" class="mytextbox">
    <input type="text" class="mytextbox">
    <input type="button" class="mybutton" value="focus next" onclick="focusNext()">
    <input type="button" class="mybutton" value="focus prev" onclick="focusPrev()">
JS
var focused = null;
    $(".mytextbox").focus(function () {
        focused = $(this);
    }).first().focus();

    function focusNext() {
        if (focused && focused.length) {
            focused.next('.mytextbox').focus();
        }
    }

    function focusPrev() {
        if (focused && focused.length) {
            focused.prev('.mytextbox').focus();
        }
    }
特别声明:以上内容(图片及文字)均为互联网收集或者用户上传发布,本站仅提供信息存储服务!如有侵权或有涉及法律问题请联系我们。
举报
评论区(0)
按点赞数排序
用户头像