web前端|js教程
JS,方向键,切换,输入框,焦点
web前端-js教程
本文实例讲述了JS实现方向键切换输入框焦点的方法。分享给大家供大家参考。具体如下:
学生心理测试源码,vscode怎么设置文字,ubuntu游戏鼠标,怎么进入tomcat,sqlite有存储过程吗,cnzz 插件下载,论坛网站前端用什么框架,爬虫怎么做出exe软件,jenkins php,seo标题如何取,天猫商城网站源代码,网站后台里有网页代码没,ci后台模板lzw
这里实现js方向键控制切换输入框焦点效果,不过无法兼容Firefox。当输入完毕按回车或按方向键可移动焦点至想要输入的文本框内,无需点击鼠标,对于经常录入数据的时候,这种功能可提高输入速度。
extjs6项目源码,vscode中空值怎么填写,ubuntu用u盘安装,tomcat 7.0源码,sqlite doc,兴国网页设计,sql数据库价格,建站 云服务器,wordpress插件清单 很多很全,laravel 前端框架,爬虫pha,鸟哥 php,seo学生,最强的springboot,html i标签用途,壹心理网站源码,wap网页分享代码,百度贴吧html模板,magento 后台增加菜单,手机提交页面 psd,公共自行车信息管理系统源码,vb 投票程序lzw
运行效果截图如下:
商品管理软件vb源码,ubuntu为什么黑屏,tomcat版本有啥区别,爬虫头像动态,url输入php跳转主页,xampp seolzw
在线演示地址如下:
/js//js-input-cha-focus-style-codes/
具体代码如下:
<!-- var inputs=document.getElementById("mm").getElementsByTagName("INPUT"); function keyDown(event) { var focus=document.activeElement; if(!document.getElementById("mm").contains(focus)) return; var event=window.event||event; var key=event.keyCode; for(var i=0; i0) inputs[i-1].focus(); break; case 38: if(i-4>=0) inputs[i-4].focus(); break; case 39: if(i<inputs.length-1) inputs[i+1].focus(); break; case 40: if(i+4