ورود

View Full Version : سوال: تبدیل enter به tab با jquery در asp.net



mohammadyaser
دوشنبه 07 آذر 1390, 14:07 عصر
سلام من تعداد بسیار زیادی text box روی صفحه دارم و می خوام با زدن اینتر به text box بعدی برم.
با جاوا اسکریپ مجبورم تابع بنویسم بعد در تک تک تکست باکسها فراخوانی کنم که من این رو نمی خوام .در نتیجه دست به دامن jquery شدم یک تکه کد هم پیدا کردم که در pageload صفحه master قرار می دم ولی کار نمی کنه .کسی از دوستان مشکلش رو میتونه حل کنه .
اینم کد$('input').live("keypress", function(e) {
if (e.keyCode == 13) {
var inputs = $(this).parents("form").eq(0).find(":input");
var idx = inputs.index(this);
if (idx == inputs.length - 1) {
inputs[0].select()
} else {
inputs[idx + 1].focus(); // handles submit buttons
inputs[idx + 1].select();
}
return false;
}
});

من فقط این کد رو داخل masterpage می زارم ایا کار دیگه ای هم باید انجام بدم؟

ricky22
دوشنبه 07 آذر 1390, 15:04 عصر
سلام.
من کد شما رو امتحان نکردم . اما آیا اونو در رویداد Document Ready قرار دادید ؟
--
به هر حال کد زیر صحیح است و کار می کند :
$(document).ready(function(){ $("input").not( $(":button") ).keypress(function (evt) { if (evt.keyCode == 13) { iname = $(this).val(); if (iname !== 'Submit'){ var fields = $(this).parents('form:eq(0),body').find('button, input, textarea, select'); var index = fields.index( this ); if ( index > -1 && ( index + 1 ) < fields.length ) { fields.eq( index + 1 ).focus(); } return false; } } }); });
Live Demo (http://www.latentmotion.com/downloads/enter-to-tab.html)