我有一个巨大的输入表单和字段供用户输入.
在用户使用tab键移动到下一个feild的形式中,有一些隐藏的字段和只读文本框之间,使用javascript禁用哪个标签键.
现在用户发现难以使用的选项卡键,并希望键盘的向下箭头键具有相同的功能.
我正在使用下面的代码调用js上的tab键代码,但不工作,请一些身体帮助我.
function handleKeyDownEvent(eventRef) { var charCode = (window.event) ? eventRef.keyCode : eventRef.which; //alert(charCode); // Arrow keys (37:left,38:up,39:right,40:down)... if ( (charCode == 40) ) { if ( window.event ) window.event.keyCode = 9; else event.which = 9; return false; } return true; } <input type="text" onkeydown=" return handleKeyDownEvent(event);" >
解决方法
使用
jQuery可以这样做:
$('input,select').keydown(function(e) { if (e.keyCode==40) { $(this).next('input,select').focus(); } });
当您按下向下箭头键(keyCode 40)时,下一个输入将接收焦点.
编辑:
在香草JS中,可以这样做:
function doThing(inputs) { for (var i=0; i<inputs.length; i++) { inputs[i].onkeydown = function(e) { if (e.keyCode==40) { var node = this.nextSibling; while (node) { console.log(node.tagName); if (node.tagName=='INPUT' || node.tagName=='SELECT') { node.focus(); break; } node = node.nextSibling; } } }; }; } doThing(document.getElementsByTagName('input')); doThing(document.getElementsByTagName('select'));
原文地址:https://www.jb51.cc/js/154306.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。