كيفية عمل زر copy to clipboard

ma2500

السلام عليكم اريد انشاء زر عند الضغط عليه يتم نسخ الكوبون الموجود

كيف ذلك جربت هذا الكود ولم ينجح

لا ادري ما المشكلة هل هناك حل بارك الله فيكم العمل بالووردبريس اخذت شفرة html بالمنتور ووضعت الكود

<!-- The text field -->

<input type="text" value="seev" id="myInput">

<!-- The button used to copy the text -->

<button onclick="myFunction()">انسخ الكود</button>

<script>

function myFunction() {

// Get the text field

var copyText = document.getElementById("myInput");

// Select the text field

copyText.select();

copyText.setSelectionRange(0, 99999); // For mobile devices

// Copy the text inside the text field

navigator.clipboard.writeText(copyText.value);

// Alert the copied text

alert("Copied the text: " + copyText.value);

}

</script>


على ما يبدو أن الكود الذي قمت بمشاركته يعمل بشكل صحيح. حاول التأكد من أنك قمت بتنسيق الكود بشكل صحيح عند لصقه في منصة الووردبريس الخاصة بك.مثلاً

  • تأكد من أنك وضعت الكود داخل عنصر HTML المناسب
  • تحقق من أنك قمت بتضمين الكود الخاص ب javascript في المكان المناسب
  • تأكد من أنك قمت بتعيين الهوية "myInput" لعنصر الإدخال (input) الخاص بك بشكل صحيح.
  • تحقق من أنك وضعت الزر داخل عنصر HTML المناسب وأنك قمت بتعيين الدالة "myFunction()" كقيمة لحدث النقر (onclick) للزر.

بعد التحقق من هذه النقاط، ينبغي أن يعمل الكود بشكل صحيح .

جزاك الله خير فعلا المشكلة في الfunction و input