Oops! It appears that you have disabled your Javascript. In order for you to see this page as it is meant to appear, we ask that you please re-enable your Javascript!

Enter ให้ทำงานแทน TAB (Html,Jquery) , เปลี่ยน Enter เป็น Tab

Jquery เปลี่ยน Enter ให้ทำงานแทน Tab และสามารถ Enter เพื่อ Submit Form ได้

โดย copy code ด้านล่างนี้ ตั้งชื่อไฟล์ว่า jquery-entertotab.js


<!DOCTYPE html>
<title>Page Title</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
$(function() {
$("input,select,textarea").keyup(function(e) { ///// เวลากด enter ให้ tab /////////////
var tabindex = $(this).attr('tabindex');
tabindex = parseInt(tabindex)+1; //increment tabindex

$('[tabindex=' + tabindex + ']').focus(); //// set focus ที่ tabindex+1
$('[tabindex=' + tabindex + ']').select(); //// เลือก obj /////
$('[tabindex=' + 1 + ']').focus(); //// เลือก focus ที่ tabindex=1 /////

if(e.which === 13){
return false;

if(e.which === 13){



if(e.which === 13){

<p>Name1 <input tabindex="1" name="txt1" type="text" /></p>
<p>Name2 <input tabindex="2" name="txt2" type="text" /></p>
<p>Name3 <input tabindex="3" name="txt3" type="text" /></p>
<p>Name4 <input tabindex="4" name="txt4" type="text" /></p>
<p>Name5 <input tabindex="5" name="txt5" type="text" /></p>
<p><button tabindex="6" name="bt01" type="submit">บันทึก</button></p>



copy code และ ทดสอบได้ที่นี่