Uolo

کپی کردن یک متن در کلیپ برد در صفحات وب

دوستان حتماً در برخی سایتها دیدید که زمانی که روی فضایی از صفحشون کلیک میکنید متوجه این می شید که یک متنی درون کلیپ برد سیستمتون کپی شده!
در ادامه ما میخواهیم طریقه نوشتن همچین چیزی رو در صفحات وب به شما به وسیله یک تکست باکس و یک باتن آموزش بدیم؛ دقت داشته باشید برای افزودن این قابلیت شما باید از جاوا اسکریپت(فرانت اند) استفاده کنید.

خب اول از همه کدهای اصلی HTML به این صورته:


کدهای جاوا اسکریپت هم به این صورت هست:

بذارید توضیحاتی رو برای کدهای JS بدم، در اول کار ما آن شناسه ای رو که برای تکست باکسمون درنظر گرفتیم را معرفی میکنیم، سپس به وسیله متد execCommand متن داخل تکست باکس رو کپی میکنیم.

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

متد execCommand غیر از کار کپی میتواند عملیاتهای کات، حذف، هایپر، ایتالیک، بولد، تغییر اندازه و نوع فونت و خیلی کارهای دیگر رو روی محتوای شما انجام بده.

امیدوارم این آموزش به کارتون بیاد 🙂

1 نظر

تکنولوژی