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