رویداد onpaste

رویدادهای DOM ClipboardEvent

تعریف و کاربرد

رویداد onpaste زمانی رخ می‌دهد که کاربر محتوا را به داخل عنصر چسبانده است.

با این که تمام عناصر HTML از رویداد onpaste پشتیبانی می‌کنند، اما در واقع ممکن نیست که محتوا به عناصر مانند <p> چسبانده شود، مگر اینکه contenteditable به "true" تنظیم شده باشد (لطفاً به مثال‌های زیر مراجعه کنید).

توجه: رویداد onpaste عمدتاً برای عناصر type="text" استفاده می‌شود.

توجه:می‌توانید از سه روش مختلف برای چسباندن محتوا به عنصر استفاده کنید:

  • CTRL + V
  • از منوی ویرایش مرورگر، دستور چسباندن را انتخاب کنید
  • در منوی کلیک راست، دستور چسباندن را انتخاب کنید

مثال

مثال 1

وقتی یک متن را در داخل عنصر <input> چسبانید، جاوااسکریپت اجرا می‌شود:

<input type="text" onpaste="myFunction()" value="چیزهایی در اینجا بچسبانید">

آزمایش کنید

مثال 2

وقتی یک متن را در داخل عنصر <p> چسبانید، جاوااسکریپت اجرا می‌شود (لطفاً توجه کنید که contenteditable به "true" تنظیم شده است):

<p contenteditable="true" onpaste="myFunction()">سعی کنید چیزی در داخل این پاراگراف بچسبانید.</p>

آزمایش کنید

نحوه نوشتن

در HTML:

<عنصر onpaste="myScript">

آزمایش کنید

در جاوااسکریپت:

مستند.onpaste = function(){myScript};

آزمایش کنید

در جاوااسکریپت، از روش addEventListener() استفاده کنید:

مستند.addEventListener("paste", myScript);

آزمایش کنید

نکته:اینترنت اکسپلورر 8 یا نسخه‌های قبلی آن پشتیبانی نمی‌کند مетод addEventListener()。

جزئیات فنی

بولوم: پشتیبانی
قابل انصراف: پشتیبانی
نوع رویداد: ClipboardEvent
برچسب‌های HTML پشتیبانی شده: تمام عناصر HTML

پشتیبانی مرورگر

رویدادها Chrome IE Firefox Safari Opera
رویداد onpaste پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی

صفحات مرتبط

دستورالعمل HTML DOM:رویداد oncopy

دستورالعمل HTML DOM:رویداد oncut

رویدادهای DOM ClipboardEvent