使用纯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();
}
}
特别声明:以上内容(图片及文字)均为互联网收集或者用户上传发布,本站仅提供信息存储服务!如有侵权或有涉及法律问题请联系我们。
举报