斷行符號鍵轉tab鍵

來源:互聯網
上載者:User

function enterToTab(event){  
  var e = event ? event : window.event  
  if(e.keyCode == 13){  
     e.keyCode = 9;  
  }  
}
<form> 
<input type="text" id="input1" onkeydown="enterToTab(event);"/> 
<input type="text" id="input2" onkeydown="enterToTab(event);"/>
<input type="text" id="input2" onkeydown="enterToTab(event);"/>
<input type="text" id="input2" onkeydown="enterToTab(event);"/>
<input type="submit">
</form> 

注意:FireFox 的e.which 屬性是唯讀,不能更改,所以上面的方面只能用於IE瀏覽器。
事件,也只能用onkeydown 事件,而不要用onkeypress 事件,因為對於onkeypress 事件,
event.keyCode(IE) 和 e.which(Firefox) 是讀取不到斷行符號鍵(13)的,所以要使用onkeydown 事件

下面是jquery 方案,相容IE 與firefox
$(document).ready(function(){
    // get only (input:text) tags with class data-entry
    textboxes = $("input:text");
    // now we check to see which browser is being used
    if ($.browser.mozilla) {
        $(textboxes).keypress (checkForEnter);
    } else {
        $(textboxes).keydown (checkForEnter);
    }
});
function checkForEnter (event) {
    if (event.keyCode == 13) {
          currentBoxNumber = textboxes.index(this);
        if (textboxes[currentBoxNumber + 1] != null) {
            nextBox = textboxes[currentBoxNumber + 1]
            nextBox.focus();
            nextBox.select();
            event.preventDefault();
            return false;
        }
    }
}

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.