Web formlarında bilirsinizki “Enter” tuşuna bastığınız anda form onaylanmış olur. Hımm bazı formlarda onay tuşunun tipi submit olmayabilir ve o yüzden “Enter” tuşuna bassanızda değişen birşey olmayabilir. Fakat amacımız diğerini güzelleştirmek 🙂 Bu yazıda formlarımızda “Enter” tuşunu pasifleştireceğiz ve “Enter” tuşuna basıldıkça diğer form öğesine atlanacak.
Bunu JavaScript ile gerçekleştireceğiz. Kodlar ve anlatım Dynamic Drive sitesinden.
Nasıl Yapacağız?
[js]
/*********************************************** * Disable "Enter" key in Form script- By Nurul Fadilah(nurul@REMOVETHISvolmedia.com) * This notice must stay intact for use * Visit http://www.dynamicdrive.com/ for full source code ***********************************************/
function handleEnter (field, event) { var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode; if (keyCode == 13) { var i; for (i = 0; i < field.form.elements.length; i++) if (field == field.form.elements[i]) break; i = (i + 1) % field.form.elements.length; field.form.elements[i].focus(); return false; } else return true; } [/js]
kodlarını etiketlerinizin arasına ekleyeceksiniz.
Formunuz üzerinde "ENTER" tuşunun pasif kalmasını istediğiniz öğelerde ise bunu alttaki örnekte yer aldığı gibi belirteceksiniz.
[JS]
[/JS]
Bu kadar..