رویداد oncopy
تعریف و استفاده
رویداد oncopy در هنگام کپی کردن محتوای عنصر رخ میدهد.
توجه:رویداد oncopy نیز در هنگام کپی کردن عناصر ایجاد شده توسط عناصر <img> (مثلاً تصاویر) رخ میدهد.
توجه: رویداد oncopy به طور معمول برای عناصر <input> با نوع "text" استفاده میشود.
توجه:در اینجا سه روش برای کپی کردن عنصر/محتوای عنصر آورده شده است:
- CTRL + C
- از منوی ویرایش مرورگر انتخاب کنید
- از منوی با کلیک راست انتخاب کنید
مثال
مثال 1
اجرای جاوااسکریپت در هنگام کپی کردن متن <input>:
<input type="text" oncopy="myFunction()" value="Try to copy this text">
مثال 2
اجرای جاوااسکریپت در هنگام کپی کردن برخی از متن <p>:
<p oncopy="myFunction()">Try to copy this text</p>
مثال 3
اجرای جاوااسکریپت در هنگام کپی کردن تصویر:
<img src="codew3c.gif" oncopy="myFunction()">
نحوه استفاده
در HTML:
<عنصر oncopy="myScript">
در جاوااسکریپت:
مجموعه دادهها.oncopy = function(){myScript};
در جاوااسکریپت، از روش addEventListener() استفاده کنید:
مجموعه دادهها.addEventListener("copy", myScript);
نکته:اینترنت اکسپلورر 8 و نسخههای قبلی آن از آن پشتیبانی نمیکند مетод addEventListener()。
جزئیات فنی
بومهای بالا: | پشتیبانی |
---|---|
قابل انصراف: | پشتیبانی |
نوع رویداد: | ClipboardEvent |
برچسبهای HTML پشتیبانی شده: | تمام عناصر HTML |
پشتیبانی مرورگر
رویداد | Chrome | IE | Firefox | Safari | Opera |
---|---|---|---|---|---|
oncopy | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی |
نکته:در برخی مرورگرها، ممکن است رویداد oncopy در هنگام تلاش برای کپی کردن تصویر به درستی کار نکند (لطفاً به مثالهای زیر مراجعه کنید).