عمل لمسی

ویژگی CSS با عملکرد Touch-Action چگونه می توان منطقه یک عنصر را توسط یک کاربر صفحه لمسی دستکاری کرد (به عنوان مثال ، با بزرگنمایی ویژگی های ساخته شده در مرورگر).

/ * مقادیر کلمات کلیدی */ عمل لمسی:خودکار; عمل لمسی:هیچ یک; عمل لمسی:پان X; عمل لمسی:پان چپ; عمل لمسی:چاودار; عمل لمسی:پان; عمل لمسی:در حال حرکت; عمل لمسی:پان پایین; عمل لمسی:زاویه; عمل لمسی:دستکاری - اعمال نفوذ; / * ارزشهای جهانی */ عمل لمسی:به ارث می برند; عمل لمسی:اولیه; عمل لمسی:بازگشت; عمل لمسی:لایه برگشتی; عمل لمسی:ناراضی; 

به طور پیش فرض ، Panning (پیمایش) و حرکات خرج کردن منحصراً توسط مرورگر انجام می شود. یک برنامه با استفاده از رویدادهای Pointer یک رویداد Pointercancel را دریافت می کند وقتی که مرورگر شروع به کار با یک ژست لمسی می کند. یک برنامه با صریح مشخص کردن کدام حرکات باید توسط مرورگر انجام شود ، یک برنامه می تواند رفتار خود را در شنوندگان Pointermove و Pointerup برای حرکات باقیمانده فراهم کند. برنامه های با استفاده از رویدادهای لمسی ، با فراخوانی PresideDefault () ، مرورگر حرکات را غیرفعال می کنند ، اما باید از عمل لمسی نیز استفاده کنند تا اطمینان حاصل شود که مرورگر قبل از استناد به هرگونه شنوندگان رویداد ، قصد برنامه را می داند.

هنگامی که یک ژست آغاز می شود ، مرورگر از مقادیر لمسی عنصر لمس شده و اجداد آن تقاطع می کند ، تا موردی که ژست را پیاده سازی می کند (به عبارت دیگر ، اولین عنصر پیمایش). این بدان معنی است که در عمل ، عمل لمسی معمولاً فقط برای عناصر سطح بالا که دارای برخی از رفتارهای سفارشی هستند ، بدون نیاز به مشخص کردن عملکرد لمسی به صراحت در مورد هر یک از فرزندان آن عنصر اعمال می شود.

توجه: پس از شروع ژست ، تغییر در عمل لمسی هیچ تاثیری در رفتار ژست فعلی نخواهد داشت.

نحو

ویژگی لمسی ممکن است به صورت هر دو مشخص شود:

• یکی از کلمات کلیدی خودکار ، هیچ ، دستکاری یا
• یکی از کلمات کلیدی Pan-X ، Pan-Left ، Pan-Right و/یا یکی از کلمات کلیدی Pan-Y ، Pan-Up ، Pan-Down ، به علاوه به صورت اختیاری کلمه کلیدی Pinch-zoom.

ارزش های

خودکار

کنترل مرورگر همه حرکات پاننگاری و بزرگنمایی را فعال کنید.

کار با مرورگر همه حرکات پاننگ و زوم را غیرفعال کنید.

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

حرکات عمودی یک انگشت را فعال کنید. ممکن است با PAN-X ، PAN-LFT ، PAN-TIGHT و/یا PINCH-ZOOM ترکیب شود.

حرکات بزرگنمایی و زوم را فعال کنید ، اما حرکات غیر استاندارد اضافی مانند دو ضربه را به بزرگنمایی غیرفعال کنید. غیرفعال کردن دو ضربه به بزرگنمایی ، نیاز به مرورگرها را برای تأخیر در تولید رویدادهای کلیک هنگامی که کاربر صفحه را به تاخیر می اندازد ، حذف می کند. این یک نام مستعار برای "pan-x panch-zoom" است (که برای سازگاری ، خود هنوز هم معتبر است).

تابه چپ ، تابه راست ، تابه ، آزمایشگاه تابه

حرکات تک انگشت را که با پیمایش در جهت (های) مشخص شروع می شوند ، فعال کنید. پس از شروع پیمایش ، ممکن است جهت معکوس شود. توجه داشته باشید که پیمایش "UP" (Pan-Up) به این معنی است که کاربر انگشت خود را به سمت پایین روی سطح صفحه می کشد ، و به همین ترتیب PAN-EFF به این معنی است که کاربر انگشت خود را به سمت راست می کشد. جهت های مختلف ممکن است با هم ترکیب شوند به جز در مواردی که یک نمایش ساده تر وجود داشته باشد (به عنوان مثال ، "تابه پان-راست" نامعتبر است زیرا "PAN-X" ساده تر است ، اما "تابه پا در پایین" معتبر است).

پاننگ و بزرگنمایی چند انگشت را فعال کنید. این ممکن است با هر یک از مقادیر پان ترکیب شود.

نگرانی های دسترسی

اعلامیه لمسی: هیچکدام ؛ممکن است مهار عملکرد قابلیت های بزرگنمایی یک مرورگر را مهار کند. این امر باعث می شود افرادی که شرایط بینایی کم را تجربه می کنند قادر به خواندن و درک محتوای صفحه باشند.

• درک MDN WCAG ، راهنما 1. 4 توضیحات
• درک معیار موفقیت 1. 4. 4 |درک WCAG 2. 0

تعریف رسمی

نحو رسمی

لمسی = خودکار | هیچ یک | [ [ پان X | پان چپ | چاودار ] || [ پان | در حال حرکت | پان پایین ] || زاویه ] | دستکاری - اعمال نفوذ

مثال ها

غیرفعال کردن همه حرکات

متداول ترین استفاده ، غیرفعال کردن تمام حرکات روی یک عنصر (و فرزندان غیر قابل پیمایش آن) است که رفتار کشیدن و بزرگنمایی خاص خود را فراهم می کند-مانند نقشه یا سطح بازی.

HTML

قسمت id="نقشه">قسمت> 

CSS

#نقشه  قد:150 ولت; عرض:70 ولت; زمینه: خطی(آبی,سبز); عمل لمسی:هیچ یک; > 

نتیجه

مشخصات فنی

سازگاری مرورگر

جداول BCD فقط در مرورگر بارگیری می شود

همچنین ببینید

• مشاجرات
• وقایع اشاره گر
• وبلاگ WebKit با بهره برداری بیشتر در iOS
• وبلاگ توسعه دهندگان Google به طور پیش فرض سریع پیمایش لمسی را انجام می دهند
• ضربه محکم و ناگهانی

با این صفحه مشکل محتوا پیدا کرده اید؟

• صفحه را در GitHub ویرایش کنید.
• گزارش محتوا را گزارش دهید.
• منبع را در GitHub مشاهده کنید.

این صفحه آخرین بار در 21 فوریه 2023 توسط همکاران MDN اصلاح شد.

طرح شما برای اینترنت بهتر.

مگد

حمایت کردن

• کمک محصول
• گزارش یک موضوع

جوامع ما

توسعه دهنده

• فن آوری های وب
• توسعه وب را بیاموزید
• MDN به علاوه

• اطلاعیه حریم خصوصی وب سایت
• بیسکویت ها
• مجاز
• دستورالعمل مشارکت جامعه

به والدین غیر انتفاعی شرکت موزیلا ، بنیاد موزیلا مراجعه کنید. بخش هایی از این محتوا © 1998 - 2023 توسط مشارکت کنندگان mozilla. org است. محتوای موجود تحت مجوز Creative Commons.