رویداد oncopy
مثال (رویداد oncopy)
اجرا کردن یک تابع جاوااسکریپت هنگام کپی کردن مقداری متن در یک عنصر <input>:
خودتان امتحان کنید »
در انتهای این صفحه، مثال های بیشتری آورده شده است.
تعریف و کاربرد
رویداد oncopy زمانی روی می دهد که، کاربر محتوای یک عنصر را کپی کند.
نکته: رویداد oncopy همچنین وقتی کاربر یک عنصر را کپی می کند روی می دهد. بعنوان مثال یک عکس که با عنصر <img> تولید شده است.
نکته: رویداد oncopy اکثرا در عناصر <input> با ویژگی type="text" استفاده می شود.
نکته: سه راه برای کپی کردن یک عنصر یا محتوای آن وجود دارد:
- فشار دادن دکمه های CTRL + C
- انتخاب copy از منوی edit در مرورگر
- راست کلیک کردن بر روی متن و انتخاب copy
پشتیبانی مرورگرها
Event | |||||
---|---|---|---|---|---|
oncopy | بله | بله | بله | بله | بله |
هنگام تلاش برای کپی کردن یک عکس، رویداد oncopy ممکن است آن طور که از آن انتظار می رود کار نکند.
نحوه استفاده
در HTML:
در جاوااسکریپت:
استفاده از متد addEventListener() در جاوااسکریپت:
نکته: متد addEventListener() در Internet Explorer 8 و ورژن های قدیمی تر آن پشتیبانی نمی شود.
جزئیات تکنیکی
Bubbles: | بله |
---|---|
Cancelable: | بله |
Event type: | ClipboardEvent |
Supported HTML tags: | All HTML elements |
مثال - خودتان امتحان کنید
مثال (رویداد oncopy)
اجرا شدن یک تابع جاوااسکریپت، هنگام کپی کردن مقداری متن در یک عنصر <p>:
خودتان امتحان کنید »
مثال (رویداد oncopy)
اجرا شدن یک تابع جاوااسکریپت هنگام کپی کردن یک عکس:
خودتان امتحان کنید »
آموزش های مرتبط
مرجع مدل DOM در اچ تی ام ال onpaste event
مرجع مدل DOM در اچ تی ام ال oncut event
مرجع کلیه رویدادهای JavaScript
- نوشته شده توسط احسان عباسی
- بازدید: 6346