آموزش طراحی سایت (HTML CSS Javascript) | آتریا

جی کوئری موبایل-رویداد لمسی

رویداد های لمسی زمانی به وقوع می پیوندند که کاربر صفحه نمایش را لمس می کند.

	رویدادهای لمسی همچنین در رایانه های رومیزی هم کار می کنند: کافی است با استفاده از ماوس حالت ضربه یا کشیدن را اعمال کنید.

ضربه زدن در جی کوئری موبایل

رویداد ضربه زدن(tap) زمانی روی می دهد که کاربر بر روی یک عنصر شروع به ضربه زدن می کند.

در مثال زیر، هنگامی که یک رویداد ضربه زدن(tap) بر روی یک عنصر <p>به وقوع می پیوندد، همان عنصر <p> محو می شود:

مثال

$("p").on("tap",function(){
$(this).hide();
});

خودتان امتحان کنید »

رویداد نگه داشتن(taphold) در جی کوئری موبایل

رویداد taphold زمانی روی می دهد که کاربر بر روی یک عنصر ضربه می زند و برای یک ثانیه آن را نگه می دارد:

مثال

$("p").on("taphold",function(){
$(this).hide();
});

خودتان امتحان کنید »

رویداد swipe در جی کوئری موبایل

رویداد swipe زمانی روی می دهد که کاربر عمل ضربه زدن و کشیدن بر روی یک عنصر را به طور افقی و به اندازه ی 30px انجام می دهد:

مثال

$("p").on("swipe",function(){
$("span").text("Swipe detected!");
});

خودتان امتحان کنید »

رویداد swipeleft در جی کوئری موبایل

رویداد swipeleft زمانی روی می دهد که کاربر عمل ضربه زدن و کشیدن را بر روی یک عنصر از جهت سمت چپ، و به اندازه ی 30px انجام می دهد:

مثال

$("p").on("swipeleft",function(){
alert("You swiped left!");
});

خودتان امتحان کنید »

رویداد swiperight در جی کوئری موبایل

رویداد swiperight زمانی روی می دهد که کاربر عمل ضربه زدن و کشیدن را بر روی یک عنصر از جهت سمت راست، و به اندازه ی 30px انجام می دهد:

مثال

$("p").on("swiperight",function(){
alert("You swiped right!");
});

خودتان امتحان کنید »

: نوشته شده توسط احسان عباسی; بازدید: 5036

برای درج دیدگاه، ابتدا باید وارد بیاموز شوید.

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.

مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی