این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش رویداد عمومی OnCopy در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش رویداد عمومی OnCopy در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
رویداد عمومی OnCopy در HTML
رویداد oncopy
زمانی رخ میدهد که محتوای یک عنصر کپی شود، بطور کلی اینجوری بگیم زمانی که ما بخواهیم یک متن و … رو در حافظه کلیپ بورد ( Clipboard ) ذخیره کنیم این رویداد اجرا میشود.
برای مثال لطفا متن موجود در باکس زیر را کپی نمایید.
Free-Learn
مثال از رویداد عمومی oncopy در HTML
در ادامه میتوانید یک مثال از این رویداد را مشاهده نمایید.
مثال زیر رو اجرا کنید بعدش متن مورد نظر رو کپی کنید، برای کپی کردن هم فرقی نمیکنه چه کلیک راست کنید و گزینه Copy رو بزنید چه از طریق دکمه های Ctrl+C از روی صفحه کلید اینکارو انجام بدید.
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<body> <input type="text" oncopy="MyMessage();" value="منو کپی کن"> <script> function MyMessage(){ alert("متن با موفقیت کپی شد"); } </script> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از رویداد oncopy
در HTML پشتیبانی میکنند یا خیر.
نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
روش استفاده
روش استفاده از این رویداد در عناصر HTML بصورت زیر می باشد.
1 |
<element oncopy="Script"> |
Free-Learn
جدول مقادیر رویداد oncopy
در جدول زیر میتوانید مقادیری را که میتوان در این رویداد استفاده کرد را مشاهده نمایید.
مقدار | توضیح |
Script | دستورات جاوااسکریپت برای اجرا شدن |
Free-Learn
عناصری که توسط این رویداد پشتیبانی می شوند
رویداد oncopy
را میتوان در تمامی عناصر/تگ های معتبر HTML بکار برد.
Free-Learn
نکات و توضیحات
- از این رویداد معمولا و بیشتر در عنصر ورودی <Input> از نوع متن مورد استفاده قرار میگیرد.
برای کپی کردن یک متن میتوانید از روش های زیر استفاده نمایید :
- متن را با ماوس انتخاب و سپس بروی آن کلیک راست نموده و در نهایت گزینه Copy را بزنید.
- متن را با ماوس انتخاب نمایید و سپس با استفاده از کلیدهای Ctrl+C از روی صفحه کلید آن را کپی نمایید.
- متن را با ماوس انتخاب نمایید و سپس از منوی Edit مرورگر بروی گزینه Copy کلیک نمایید.