JS - העתקה ללוח

[אלעזר 1]

שלום וברכה,
אני מחפש בנרות פונקציה בג'אווה סקריפט של העתקה ללוח.
אם אתם מכירים אופציה כזו אנא שתפו את הידע שלכם.

 

[s976]

copy()

 

[אלעזר 1]

copy()

js?
$(...).copy is not a function

 

[SuperWoman]

אם הבנתי למה אתה מתכוון, אז אין פונקציה בנויה כזו
יש אפשרויות עוקפות, צירפתי דוגמא לכפתור שכשלוחצים עליו הוא מעתיק ללוח את המילים hello world
לקחתי את זה מפה

Copy output of a JavaScript variable to the clipboard

I have no knowledge of JavaScript, but I managed to put this code together using bits and bolts from various Stack Overflow answers. It works OK, and it outputs an array of all selected checkb...

stackoverflow.com

function copyToClipboard(text) {
    var dummy = document.createElement("textarea");
    document.body.appendChild(dummy);
    dummy.value = text;
    dummy.select();
    document.execCommand("copy");
    document.body.removeChild(dummy);
}

                <button onClick={() => copyToClipboard('hello world')}>click me</button>

 

[אלעזר 1]

תודה.
לאחר שיטוט באינספור שאלות ודוגמאות קוד של stackoverflow מצאתי את התשובה הזו שעובדת, לפני כדקה:

document.execCommand("Copy") not copying

I am using jquery to enable a user to click on a button to copy a discount code. For some reason, document.execCommand("Copy"); is not working at all. When I ctrl + v to paste, nothing has gottten

stackoverflow.com

 

[5566brs]

@אלעזר 1
תתקדמו:

https://developer.mozilla.org/en-US/docs/Web/API/Clipboard/write

clipboard api - חיפוש ב-Google

navigator.clipboard.writeText(document.body.innerText).then(alert('text copied!'))

 

[אלעזר 1]

@אלעזר 1
תתקדמו:

https://developer.mozilla.org/en-US/docs/Web/API/Clipboard/write

clipboard api - חיפוש ב-Google

navigator.clipboard.writeText(document.body.innerText).then(alert('text copied!'))

התכוונת לזה?
אצלי לא עובד, אצלך בדפדפן כן?

 

[5566brs]

@אלעזר 1 התכוונתי לclipboard API באופן כללי.
באיזו פונקציה תשתמש - תחליט אתה לפי הצורך.
יש הרבה מאד דברים חדשים בשנים האחרונות שנכללים בHTML5 API וכדאי (או חובה) להכיר.
תוכל להעתיק את הקוד שכתבתי בהודעה, ולהריץ כאן באתר בקונסול או בכל דף אינטרנט אחר, ולבדוק אחר כך מה הועתק לך ללוח.
אגב, הפונקציה copy() עובדת בקונסול.
אם אתה מנסה להריץ את הפונקציה הזו עצמה בדף html, תדאג שיהיה תוכן ב body, אחרת תקבל מחרוזת ריקה, או שלא יועתק כלום (לא בדקתי)

 

[אלעזר 1]

@אלעזר 1 התכוונתי לclipboard API באופן כללי.
באיזו פונקציה תשתמש - תחליט אתה לפי הצורך.
יש הרבה מאד דברים חדשים בשנים האחרונות שנכללים בHTML5 API וכדאי (או חובה) להכיר.
תוכל להעתיק את הקוד שכתבתי בהודעה, ולהריץ כאן באתר בקונסול או בכל דף אינטרנט אחר, ולבדוק אחר כך מה הועתק לך ללוח.
אגב, הפונקציה copy() עובדת בקונסול.
אם אתה מנסה להריץ את הפונקציה הזו עצמה בדף html, תדאג שיהיה תוכן ב body, אחרת תקבל מחרוזת ריקה, או שלא יועתק כלום (לא בדקתי)

מחכה לבדיקה. אצלי זה לא עבד לא בקונסול ולא בתוך HTML.

 

[5566brs]

@אלעזר 1 נסה את זה, שנה לו את הסיומת ל .html

 

[אלעזר 1]

תודה, עובד.
העתקתי את הקוד של mozilla וזה עובד.
בלוח הניסוי של w3schools זה לא עבד לי בגלל חוסר בהרשאות לפריים.
שמתי בקוד-פן בלי עיצוב:

https://codepen.io/witty_code/pen/yLbvBpG

 

[s976]

js?
$(...).copy is not a function

נכון. עכשיו אני שם לב שזה עובד רק מתוך הקונסול

Console Utilities API reference | DevTools | Chrome for Developers

A reference of convenience functions available in the Chrome DevTools Console.

developer.chrome.com