این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش رویداد عمومی OnPaste در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش رویداد عمومی OnPaste در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
رویداد عمومی onpaste در HTML
رویداد onpaste زمانی رخ میدهد که محتوای درون حافظه ی کلیپ بورد درون یک عنصر / تگ پیست یا Paste شود.
ما از این رخداد میتوانیم در تمامی تگ های HTML استفاده نماییم ولی باز با این حال در حالت عادی نمیتوان یک محتوا را بفرض مثال درون تگ پاراگراف پیست کرد مگه اینکه از صفت ContentEditable درون اون تگ استفاده کرده باشیم.
برای مثال لطفا متن موجود در باکس اول را کپی نمایید و سپس در باکس دوم آنرا پیست نمایید.
Free-Learn
مثال از رویداد عمومی onpaste در HTML
در ادامه میتوانید یک مثال از این رویداد را مشاهده نمایید.
مثال شماره ۱ : استفاده در تگ Input
|
1 2 3 4 5 |
<input type="text" oncopy="MyCopy();" value="منو کپی کن"> <br><br> <input type="text" onpaste="MyPaste();" placeholder="اینجا پیست کن"> <h2 id="Result"></h2> |
مثال شماره ۲ : استفاده در تگ P ( تگ P رو باید حالت ویرایشش رو با استفاده از صفت contenteditable فعال کنیم )
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<body> <p contenteditable onpaste="MyPaste();"> هرچی تو حافظه داری علی یارت اینجا پیست کن </p> <h2 id="Result"></h2> <script> function MyPaste(){ document.getElementById("Result").innerHTML = "متن با موفقیت پیست شد"; } </script> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از رویداد onpaste در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
روش استفاده
روش استفاده از این رویداد در عناصر HTML بصورت زیر می باشد.
|
1 |
<element onpaste="Script"> |
Free-Learn
جدول مقادیر رویداد onpaste
در جدول زیر میتوانید مقادیری را که میتوان در این رویداد استفاده کرد را مشاهده نمایید.
| مقدار | توضیح |
| Script | دستورات جاوااسکریپت برای اجرا شدن |
Free-Learn
عناصری که توسط این رویداد پشتیبانی می شوند
رویداد onpaste را میتوان در تمامی عناصر/تگ های معتبر HTML بکار برد.
Free-Learn
نکات و توضیحات
- از این رویداد معمولا و بیشتر در عنصر ورودی <Input> از نوع متن مورد استفاده قرار میگیرد.
با استفاده از روش های زیر میتوانید محتوای درون حافظه کلیپ بورد را پیست یا Paste نمایید :
- از روی صفحه کلید، کلیدهای Ctrl+V را فشار دهید.
- بروی محدوده مورد نظرتان کلیک راست نمایید سپس گزینه Paste را انتخاب نمایید
- از منوی Edit مرورگر بروی گزینه ی Paste کلیک نمایید.
