چطور میشه با دکمه های چپ و راست روی ایتم های صفحه حرکت کرد؟ [بایگانی]

combo_ci

دوشنبه 13 مهر 1394, 20:40 عصر

سلام
از دوستان کسی میدونه چطوری میشه روی ایتم های یک صفحه وب مثلا دکمه های صفحه با دکمه چپ و راست حرکت کرد؟ من tabindex دادم بهشون اما جواب نداد

frednasri

دوشنبه 13 مهر 1394, 23:38 عصر

سلام.

از جاوا اسکریپت استفاده کنید.

اول توی html، به تمام آیتم هایی که می خواین مشمول این کد بشن، یه کلاس مشترک اضافه کنید (مثلاً "class = "navigate رو به تگ تمام دکمه های صفحه اضافه کنید).

بعد با استفاده از jQuery کد زیر رو به صفحه اضافه کنید:

$(document).keydown(
function(e)
{
if (e.keyCode == 39) {
$(".navigate:focus").next().focus();

}
if (e.keyCode == 37) {
$(".navigate:focus").prev().focus();

}
}
);

موفق باشید.