900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > JS实现方向键切换输入框焦点办法【javascript】

JS实现方向键切换输入框焦点办法【javascript】

时间:2024-02-03 14:44:21

相关推荐

JS实现方向键切换输入框焦点办法【javascript】

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/

具体代码如下:

JS方向键切换输入框焦点

<!-- 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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。