چگونه یک رشته را در کلیپ بورد در جاوا اسکریپت ذخیره کنیم

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

برای ذخیره ساده یک رشته در کلیپ بورد، باید مطمئن شوید که از navigator – navigator.clipboard و navigator.clipboard.writeText به درستی استفاده شده است.

Clipboard.writeText() به شما امکان می دهد مقدار رشته را مستقیماً در کلیپ بورد کپی کنید. به زودی خواهیم دید که این چگونه کار می کند.

به عنوان مثال در نظر بگیریم؛

شما یک رشته ایجاد می کنید و آن را به عنوان یک متغیر ذخیره می کنید…

let stringText = “This is the text to be copied to clipboard”;

پس از ایجاد رشته و ذخیره آن به عنوان یک متغیر، باید تابعی ایجاد کنید که به شما امکان می دهد رشته را در کلیپ بورد کپی کنید.

let stringText="I am a text copied to clipboard";

function copyBtn() {

navigator.clipboard.writeText(stringText);

}

اگر تابع copyBtn() به یک رویداد onClick در یک عنصر html اختصاص داده می شود، با کلیک بر روی آن، مقدار رشته بلافاصله در کلیپ بورد کپی می شود.

بیایید یک مثال با a ایجاد کنیم دکمه html که دارای یک رویداد کلیک است که به شما امکان می دهد رشته را در کلیپ بورد کپی کنید و سپس می توانید آن را در هر جایی جایگذاری کنید.

به یاد داشته باشید که عبور کنید copyBtn() تابع رویداد کلیک کنید.

ابتدا یک ناحیه متنی در HTML خود ایجاد کنید که بتوانید رشته را در آن قرار دهید.

<textarea name="textarea" placeholder="paste your link here" cols="30" rows="5"></textarea>

یک دکمه زیر ناحیه متنی ایجاد کنید

<button onclick='copyBtn()'>Click here to copy text to clipboard</button>

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

خوب، اکنون به این فکر می کنید که “آیا نمی توانم کاری کنم که همه چیز در HTML اتفاق بیفتد؟”… البته که می توانید. چگونه؟ می توانید یک پاراگراف ایجاد کنید و متن آن را به عنوان متغیر ذخیره کنید. این copyBtn سپس تابع می تواند متغیر را واکشی کند و محتوای متن پاراگراف را در کلیپ بورد ذخیره کند. برو جلو و امتحان کن.

مطمئن شوید که فایل جاوا اسکریپت شما به فایل HTML شما پیوند داده شده است، مگر اینکه در حال نوشتن JS در HTML هستید، کدهای جاوا اسکریپت باید در داخل تگ قرار گیرند.

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

اگر راه‌های دیگری برای کپی کردن یک رشته در کلیپ‌بورد وجود دارد، لطفاً آن‌ها را در بخش نظرات بیان کنید.