رویداد عمومی onpaste در HTML زمان paste محتوای تگ

برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 و jQuery

در این مقاله از سایت آموزی جهت استفاده شما عزیزان به معرفی صفت رویدادی onpaste در سند html می پردازیم. ویژگی رویدادی onpaste زمانی روی می دهد که کاربر محتوایی را در یک تگ html الصاق یا paste می کند. خصوصیت onpaste یک رویداد عمومی تگ های html است.

رویداد عمومی onpaste در HTML زمان paste محتوای تگ - سایت آموزی

معرفی صفت رویدادی onpaste در سند html

صفت رویدادی onpaste زمانی روی می دهد که کاربر محتوایی را در یک تگ html الصاق یا paste می کند. ویژگی رویدادی onpaste در دسته رویداد های مربوط به کلیپ بورد ( Clipboard ) قرار می گیرد. این رویداد هم جزء رویداد عمومی در تگ های html است.

برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور

برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 و jQuery

نکات مهم

۱- با اینکه صفت رویدادی onpaste در تمامی تگ های HTML پشتیبانی می شود اما paste کردن محتوا واقعا امکان پذیر نیست. بعنوان مثال یک تگ p را در نظر بگیرید، در این تگ زمانی می توان عمل paste کردن را اجرا کرد که خصوصیت contenteditable در این تگ برابر با true باشد.

۲- در مورد تگ input ، خصوصیت رویدادی onpaste معمولا در زمان استفاده از خاصیت type با مقدار text یا ( type=text ) ، می تواند استفاده شود.

۳- سه روش برای paste کردن محتوای یک تگ html وجود دارد:

  1. فشردن کلیدهای ترکیبی CTRL و V یا ( CTRL + V )
  2. کلید paste را از منوی ویرایش مرورگر اینترنتی مورد استفاده خود برای paste کردن تگ HTML پیدا کنید.
  3. جهت نمایش منوی زمینه روی تگ HTML مورد نظر کلیک راست کرده و دستور paste یا الصاق را انتخاب نمایید.

مثال در مورد استفاده از ویژگی onpaste درون تگ input

<input type=”text” onpaste=”myFunction()” value=”Paste something in here”>

مثال در مورد استفاده از ویژگی onpaste درون تگ p

<p contenteditable=”true” onpaste=”myFunction()”>Try to paste something inside this paragraph.</p>

بررسی ویژگی onpaste درون سند html 4.0.1 و HTML5

خاصیت رویدادی onpaste ، در نسخه HTML5 و نسخه HTML4.01  و نسخه های قبلی وجود داشته و پشتیبانی می شود.

برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور

برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 و jQuery

پشتیبانی مرورگرهای اینترنتی از ویژگی onpaste

رویداد html chromeinternet-explorerfirefoxsafariopera
onpaste بله بله بله بله بله

پیوندهای کاربردی و مفید

تگ های اچ تی ام ال در سایت آموزی

تگ های جدید HTML5 در سایت آموزی

صفات تگ های اچ تی ام ال در سایت آموزی

تگ های منسوخ شده HTML در سایت آموزی

تگ های block level و inline level در سایت آموزی

تگ های اچ تی ام ال در W3school

ویژگی های CSS در سایت آموزی

ویژگی های CSS در W3schools

رویداد عمومی onpaste در HTML زمان paste محتوای تگ – اختصاصی سایت آموزی