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..
İsminiz
E-Posta
Web Siteniz
Yorumunuz
Dmry.net Vital Teknoloji tarafından desteklenmektedir