ساخت دکمه کپی در کلیپ بورد با جاوا اسکریپت
ساخت دکمه کپی در کلیپ بورد با جاوا اسکریپت

ساخت دکمه کپی در کلیپ بورد با جاوا اسکریپت

درود. امروز قصد داریم ساخت دکمه کپی در کلیپ بورد با جاوا اسکریپت را به شما آموزش دهیم.

در سایت های مختلف حتما مشاهده کرده اید که برای متن هایی که نیاز است کاربر از آن ها کپی بگیرد ، یک دکمه کپی نیز در کنار آن متن وجود دارد.

برای مثال به تصویر زیر نگاه کنید :

 

ساخت دکمه کپی در کلیپ بورد با جاوا اسکریپت

 

این تصویر پنل زرین پال می باشد ، که در کنار هر درگاه ، یک آیکون جهت کپی کردن کد آن درگاه وجود دارد.

حالا که با کارکرد این دکمه آشنا شدید ، قصد داریم تا آموزش ساخت این دکمه را برای شما در اینجا قرار دهیم.

 

ساخت دکمه کپی در کلیپ بورد با جاوا اسکریپت

برای ایجاد این دکمه ، ابتدا یک سند html ایجاد میکنیم و یک input و یک دکمه در آن قرار می دهیم :

 

 

همانطور که مشاهده می کنید ما به input خود یک آیدی دادیم

و برای رویداد کلیک دکمه تابعی با نام copyToClipboard را فراخوانی کردیم.

حال باید تابع copyToClipboard و کد های مربوط به کپی کردن در Clipboard را بنویسیم.

 

 

تمام. وقتی کاربر روی دکمه “کپی کردن” کلیک کند، متن پیش فرض نوشته شده در input یا متن جدیدی که کاربر در input تایپ کرده است در کلیپ بورد ذخیره شده و کاربر میتواند آن را در مکان دیگری paste کند.

شما میتوانید به جای input از هر المان دیگری نیز استفاده کنید.

یا اینکه input را disable کنید که کاربر امکان ویرایش متن را نداشته باشد.

امیدوارم که از این آموزش استفاده کرده باشید و به درد تون خورده باشه.

برای دیدن سایر آموزش های ما حتما به صفحه اصلی دات وب سر بزنید 🙂

اگر هم سوال یا مشکلی داشتید حتما در قسمت دیدگاه ها ، نظرتون رو برای ما بنویسید.

.

.

.

.

پایان

گروه برنامه نویسی دات وب

درباره‌ی مهران مافی

حتما ببینید

بدست آوردن تعداد فالوورهای پیج اینستاگرام با جاوا اسکریپت

بدست آوردن تعداد فالوورهای پیج اینستاگرام با جاوا اسکریپت

درود. امروز قصد داریم نحوه بدست آوردن تعداد فالوورهای پیج اینستاگرام با جاوا اسکریپت را …

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *