亚洲中文字幕无码日韩精品,亚洲一区制服无码中字,亚洲精品第一国产综合精品99 ,一本大道中文日本香蕉

微立頂科技

新聞資訊

創(chuàng)新 服務(wù) 價(jià)值

  JS實(shí)現(xiàn)方向鍵切換輸入框焦點(diǎn)

發(fā)布日期：2023/4/7 16:06:38      瀏覽量：

實(shí)現(xiàn)js方向鍵控制切換輸入框焦點(diǎn)效果，不過無法兼容Firefox。當(dāng)輸入完畢按回車或按方向鍵可移動(dòng)焦點(diǎn)至想要輸入的文本框內(nèi)，無需點(diǎn)擊鼠標(biāo)，對于經(jīng)常錄入數(shù)據(jù)的時(shí)候，這種功能可提高輸入速度。


具體代碼如下：


  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <title>JS方向鍵切換輸入框焦點(diǎn)</title>
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7. </head>
  8. <body>
  9. <table border="1" id="mm" onkeydown="keyDown(event)">
  10. <tr> <td> <input> </td> <td> <input> </td> <td> <input> </td> <td> <input> </td> </tr>
  11. <tr> <td> <input> </td> <td> <input> </td> <td> <input> </td> <td> <input> </td> </tr>
  12. <tr> <td> <input> </td> <td> <input> </td> <td> <input> </td> <td> <input> </td> </tr>
  13. <tr> <td> <input> </td> <td> <input> </td> <td> <input> </td> <td> <input> </td> </tr>
  14. <tr> <td> <input> </td> <td> <input> </td> <td> <input> </td> <td> <input> </td> </tr>
  15. </table>
  16. <script language="javascript" type="text/javascript">
  17. <!--
  18. var inputs=document.getElementById("mm").getElementsByTagName("INPUT");
  19. function keyDown(event)
  20. {
  21. var focus=document.activeElement;
  22. if(!document.getElementById("mm").contains(focus)) return;
  23. var event=window.event||event;
  24. var key=event.keyCode;
  25. for(var i=0; i<inputs.length; i++)
  26. {
  27. if(inputs[i]===focus) break;
  28. }
  29. switch(key)
  30. {
  31. case 37:
  32. if(i>0) inputs[i-1].focus();
  33. break;
  34. case 38:
  35. if(i-4>=0) inputs[i-4].focus();
  36. break;
  37. case 39:
  38. if(i<inputs.length-1) inputs[i+1].focus();
  39. break;
  40. case 40:
  41. if(i+4 <inputs.length) inputs[i+4].focus();
  42. break;
  43. }
  44. }
  45. //-->
  46. </script>
  47. </body>
  48. </html>



  業(yè)務(wù)實(shí)施流程

需求調(diào)研 →

團(tuán)隊(duì)組建和動(dòng)員 →

數(shù)據(jù)初始化 →

調(diào)試完善 →

解決方案和選型 →

硬件網(wǎng)絡(luò)部署 →

系統(tǒng)部署試運(yùn)行 →

系統(tǒng)正式上線 →

合作協(xié)議

系統(tǒng)開發(fā)/整合

制作文檔和員工培訓(xùn)

售后服務(wù)

馬上咨詢： 如果您有業(yè)務(wù)方面的問題或者需求，歡迎您咨詢！我們帶來的不僅僅是技術(shù)，還有行業(yè)經(jīng)驗(yàn)積累。
QQ: 39764417/308460098     Phone: 13 9800 1 9844 / 135 6887 9550     聯(lián)系人：石先生/雷先生