zoukankan      html  css  js  c++  java
  • Firefox下如何将回车键转为Tab键

    在Form里有多个输入域,通过Tab可以在这些输入域中导航,需要用户敲入回车键的效果和Tab见一致,即将
    回车键转为Tab键

    IE下可以实现,代码如下
    Html代码
    1. <html xmlns="http://www.w3.org/1999/xhtml">  
    2. <head>  
    3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
    4. <title>无标题文档</title>  
    5. <script type="text/javascript">  
    6. function enterToTab(event){   
    7.   var e = event?event:window.event   
    8.   if(e.keyCode == 13){   
    9.      e.keyCode = 9;   
    10.   }   
    11. }   
    12. </script>  
    13. </head>  
    14.   
    15. <body>  
    16. <form>  
    17. <input id="input1" type="text">  
    18. <input id="input2" type="text">  
    19. <input id="input3" type="text">  
    20. <input id="input4" type="text">  
    21. </form>  
    22. </body>  
    23. </html>  


    但是在FireFox下事件的keyCode 是只读的,不能修改,不知火狐下如何实现这个功能

    采纳的答案

    1. function enterToTab(obj, event){     
    2.   var e = event?event:window.event     
    3.   if(e.keyCode == 13){     
    4.      obj.nextSibling.focus();   
    5.      return false;   
    6.   }     
    7. }   


    函数多传一个参数,就是当前DOM的this, 原理就是entry当前的input, 就让鼠标焦点获得到下一个input框
  • 相关阅读:
    Luogu4655 [CEOI2017]Building Bridges
    bzoj4892 [TJOI2017]DNA
    Luogu5058 [ZJOI2004]嗅探器
    bzoj4373 算术天才⑨与等差数列
    bzoj3122 [SDOI2013]随机数生成器
    CF940F Machine Learning
    bzoj1935 [SHOI2007]Tree 园丁的烦恼
    CF1012B Chemical table
    CF1012A Photo of The Sky
    bzoj4850 [JSOI2016]灯塔
  • 原文地址:https://www.cnblogs.com/haoliansheng/p/1447512.html
Copyright © 2011-2022 走看看