Highest Voted 'html5-clipboard-api' Questions

13

votes

2 answers

Jekyll Code snippet copy-to-clipboard button

The Problem I am building a Jekyll site with the minima theme to publish some tutorial online. The tutorial pages contain many code snippets, for example: ```javascript /* Global scope: this code is executed once */ const redis =…

jekyll copy-paste html5-clipboard-api

asked Jan 03 '18 at 13:17

Adam Matan

128,757
147
397
562

4

votes

3 answers

How to fix the "Cannot find name 'ClipboardItem'" error?

Getting the error error TS2304: Cannot find name 'ClipboardItem' when trying to create a ClipboardItem for navigator.clipboard.write(). const clipboardItemInput = new ClipboardItem({'image/png' : blobInput}); await…

typescript blob navigator html5-clipboard-api typescript-lib-dom

asked Apr 13 '20 at 11:57

sadasmita biswal

41
1
2

3

votes

1 answer

Clipboard API used in conjunction with Axios in click event

TL;DR Is it possible to get the Clipboard API to write text from the result of an Axios get request in Safari even when the writeText() is a direct result of a user event? Long version I have an async button click event and inside of that click…

javascript safari axios html5-clipboard-api

asked Mar 05 '21 at 16:37

evans863

63
4

2

votes

0 answers

JS: Can't use asynchronous clipboard API for pages that will be minimized or put in the background

Example: If the user has a different application or browser window/tab…

javascript html clipboard html5-clipboard-api

asked Nov 01 '20 at 23:54

James Ronald

685
1
6
13

1

vote

0 answers

Copy Canvas content to clipboard in Javascript in iOS

Trying to copy a Canvas content to the Clipboard within a button click event handler canvas.toBlob( blob => { navigator.clipboard.write([new ClipboardItem({'image/png': blob})]) } ) works well on Chrome Desktop but on iOs (tested on iPad) it…

javascript ios canvas clipboard html5-clipboard-api

asked Jul 30 '23 at 11:13

Fabio Fidanza

11
1

1

vote

0 answers

Clipboard API copy to clipboard and then open new window? Avoid loosing window focus

Is it possible to open a new browser tab after content has been copied into the clipboard? Currently I'm getting Uncaught (in promise) DOMException: Document is not focused. which I take it that I can't open a new window within the function as I…

javascript google-chrome clipboard html5-clipboard-api

asked Feb 11 '23 at 18:41

Markus

458
4
16

1

vote

1 answer

How create link with text and paste it to telegram desktop

Im trying create "copy" button for using clipboard in different apps. I'm expect that: ctrl+v in simple text editor will create plain text ctrl+v in RTF (or in app with "link" support) will create link Here is a simplified code example: const…

javascript telegram clipboard html5-clipboard-api

asked Dec 05 '22 at 18:33

Kirill

161
2
15

1

vote

0 answers

dispatching ClipboardEvent on textarea element does not work

I wont to simulate paste event trough javascript as shown on snipped below

<div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a> 
                
                <a href="../../questions/tagged/events" class="post-tag grid--cell" title="show questions tagged 'events'" rel="tag">events</a> 
                
                <a href="../../questions/tagged/dispatchevent" class="post-tag grid--cell" title="show questions tagged 'dispatchevent'" rel="tag">dispatchevent</a> 
                
                <a href="../../questions/tagged/html5-clipboard-api" class="post-tag grid--cell" title="show questions tagged 'html5-clipboard-api'" rel="tag">html5-clipboard-api</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Jul 03 '22 at 04:43">asked Jul 03 '22 at 04:43</time>
    <a href="../../users/1091251/habibillah" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/1091251.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Habibillah" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/1091251/habibillah" class="s-user-card--link">Habibillah</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">27,347</li>
            <li class="s-award-bling s-award-bling__gold" title="5 gold badges">5</li>
            <li class="s-award-bling s-award-bling__silver" title="36 silver badges">36</li>
            <li class="s-award-bling s-award-bling__bronze" title="56 bronze badges">56</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-62291019">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>1</strong></span>
                    <div class="viewcount">vote</div>
                </div>
            </div>

<div class="status ">
                <strong>0</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/62291019/using-the-clipboard-api-from-a-google-apps-script-web-application" class="question-hyperlink">Using the clipboard API from a Google Apps Script Web Application</a></h3>
        <div class="excerpt">I have a simple Web-application (written in Google Apps Script using the HtmlService)
When a user clicks a button, it used to "paste" whatever text is on the clipboard to an input field. That worked fine until some Chrome-version (I guess it was…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a> 
                
                <a href="../../questions/tagged/google-apps-script" class="post-tag grid--cell" title="show questions tagged 'google-apps-script'" rel="tag">google-apps-script</a> 
                
                <a href="../../questions/tagged/html5-clipboard-api" class="post-tag grid--cell" title="show questions tagged 'html5-clipboard-api'" rel="tag">html5-clipboard-api</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Jun 09 '20 at 20:07">asked Jun 09 '20 at 20:07</time>
    <a href="../../users/4103426/jasper-cuvelier" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/4103426.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Jasper Cuvelier" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/4103426/jasper-cuvelier" class="s-user-card--link">Jasper Cuvelier</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">503</li>
            
            <li class="s-award-bling s-award-bling__silver" title="6 silver badges">6</li>
            <li class="s-award-bling s-award-bling__bronze" title="14 bronze badges">14</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-59446419">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>1</strong></span>
                    <div class="viewcount">vote</div>
                </div>
            </div>

<div class="status answered-accepted">
                <strong>1</strong> answer
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/59446419/event-listener-copy-doesn-t-work-with-copy-link-address" class="question-hyperlink">Event listener 'Copy' doesn't work with "Copy Link Address"</a></h3>
        <div class="excerpt">I want to modify the clipboard so that it becomes the regex match. And that works - as long as I use Ctrl+C or just "Copy". If I click on "Copy link address" (or "Copy link location"), the event listener doesn't seem to see the copied thing at all.…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a> 
                
                <a href="../../questions/tagged/clipboard-interaction" class="post-tag grid--cell" title="show questions tagged 'clipboard-interaction'" rel="tag">clipboard-interaction</a> 
                
                <a href="../../questions/tagged/html5-clipboard-api" class="post-tag grid--cell" title="show questions tagged 'html5-clipboard-api'" rel="tag">html5-clipboard-api</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Dec 22 '19 at 17:15">asked Dec 22 '19 at 17:15</time>
    <a href="../../users/8200686/retiredgoblin" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/8200686.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="retiredgoblin" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/8200686/retiredgoblin" class="s-user-card--link">retiredgoblin</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">21</li>
            
            
            <li class="s-award-bling s-award-bling__bronze" title="6 bronze badges">6</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-54325731">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>1</strong></span>
                    <div class="viewcount">vote</div>
                </div>
            </div>

<div class="status ">
                <strong>1</strong> answer
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/54325731/how-do-i-prompt-user-for-clipboard-read-permission-in-the-popup-of-the-chrome-" class="question-hyperlink">How do I prompt user for clipboard read permission in the popup of the chrome extension?</a></h3>
        <div class="excerpt">I am building out my first Google Chrome Extension and want to create something that can read and write to the system clipboard.
I am currently putting all the js in a script imported by the popup.html for the extension. 
I also have permissions…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/google-chrome-extension" class="post-tag grid--cell" title="show questions tagged 'google-chrome-extension'" rel="tag">google-chrome-extension</a> 
                
                <a href="../../questions/tagged/html5-clipboard-api" class="post-tag grid--cell" title="show questions tagged 'html5-clipboard-api'" rel="tag">html5-clipboard-api</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Jan 23 '19 at 11:01">asked Jan 23 '19 at 11:01</time>
    <a href="../../users/9525134/srac1777" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/9525134.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="srac1777" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/9525134/srac1777" class="s-user-card--link">srac1777</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">11</li>
            
            
            <li class="s-award-bling s-award-bling__bronze" title="2 bronze badges">2</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-76650067">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>0</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status ">
                <strong>0</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/76650067/how-can-i-use-writetext-and-readtext-to-copy-and-paste-text-throughout-browser" class="question-hyperlink">How can I use writeText() and readText() to copy and paste text throughout browsers using my Chrome Extension?</a></h3>
        <div class="excerpt">Im trying to create a Chrome extension that's main purpose is to copy and paste text, without using the standard ctrl C and V. Im trying to use writeText() to copy the text into my clipboard which works for the most part. But the issue lies when I…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a> 
                
                <a href="../../questions/tagged/html" class="post-tag grid--cell" title="show questions tagged 'html'" rel="tag">html</a> 
                
                <a href="../../questions/tagged/css" class="post-tag grid--cell" title="show questions tagged 'css'" rel="tag">css</a> 
                
                <a href="../../questions/tagged/async.js" class="post-tag grid--cell" title="show questions tagged 'async.js'" rel="tag">async.js</a> 
                
                <a href="../../questions/tagged/html5-clipboard-api" class="post-tag grid--cell" title="show questions tagged 'html5-clipboard-api'" rel="tag">html5-clipboard-api</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Jul 10 '23 at 00:34">asked Jul 10 '23 at 00:34</time>
    <a href="../../users/22200679/yusufmidou" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/22200679.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="yusufmidou" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/22200679/yusufmidou" class="s-user-card--link">yusufmidou</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">1</li>
            
            
            <li class="s-award-bling s-award-bling__bronze" title="1 bronze badges">1</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-75754521">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>0</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status ">
                <strong>0</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/75754521/need-help-in-this-code-disable-printscreen-in-angular-14" class="question-hyperlink">Need help in this code Disable printscreen in Angular 14</a></h3>
        <div class="excerpt">My exact requirement is I want to disable the printscreen option for the user.
I found one of the solution to disabling the printscreen.But some methods are
deprecated and looking for the working solution.
Here is the working solution…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a> 
                
                <a href="../../questions/tagged/angular" class="post-tag grid--cell" title="show questions tagged 'angular'" rel="tag">angular</a> 
                
                <a href="../../questions/tagged/angular14" class="post-tag grid--cell" title="show questions tagged 'angular14'" rel="tag">angular14</a> 
                
                <a href="../../questions/tagged/printscreen" class="post-tag grid--cell" title="show questions tagged 'printscreen'" rel="tag">printscreen</a> 
                
                <a href="../../questions/tagged/html5-clipboard-api" class="post-tag grid--cell" title="show questions tagged 'html5-clipboard-api'" rel="tag">html5-clipboard-api</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Mar 16 '23 at 09:54">asked Mar 16 '23 at 09:54</time>
    <a href="../../users/16758721/kkr" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/16758721.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="KKR" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/16758721/kkr" class="s-user-card--link">KKR</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">1</li>
            
            
            <li class="s-award-bling s-award-bling__bronze" title="1 bronze badges">1</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-75474397">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>0</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status ">
                <strong>1</strong> answer
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/75474397/how-to-integrate-copy-to-clipboard-with-rainbow-syntax-highlighter" class="question-hyperlink">How to Integrate Copy to Clipboard with Rainbow Syntax Highlighter</a></h3>
        <div class="excerpt">I am trying to integrate a basic, "copy to clipboard" function with Rainbow syntax highlighting library. Each code snippet on the page receives highlighting and can be copied to the clipboard by clicking a "Copy" button. Copy buttons are a common…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a> 
                
                <a href="../../questions/tagged/html" class="post-tag grid--cell" title="show questions tagged 'html'" rel="tag">html</a> 
                
                <a href="../../questions/tagged/jquery" class="post-tag grid--cell" title="show questions tagged 'jquery'" rel="tag">jquery</a> 
                
                <a href="../../questions/tagged/html5-clipboard-api" class="post-tag grid--cell" title="show questions tagged 'html5-clipboard-api'" rel="tag">html5-clipboard-api</a> 
                
                <a href="../../questions/tagged/rainbow-js" class="post-tag grid--cell" title="show questions tagged 'rainbow-js'" rel="tag">rainbow-js</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Feb 16 '23 at 15:24">asked Feb 16 '23 at 15:24</time>
    <a href="../../users/18969520/jottin" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/18969520.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="jottin" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/18969520/jottin" class="s-user-card--link">jottin</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">241</li>
            
            <li class="s-award-bling s-award-bling__silver" title="1 silver badges">1</li>
            <li class="s-award-bling s-award-bling__bronze" title="9 bronze badges">9</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-73717298">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>0</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status ">
                <strong>0</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/73717298/add-correct-fallback-for-copy-to-clipboard-api-in-react-app" class="question-hyperlink">Add correct fallback for copy to Clipboard API in React app</a></h3>
        <div class="excerpt">I am using React 17 and building a Copy to clipboard functionality:
I have some state:
const [isCopied, setIsCopied] = useState(false);

Then the functions:
  const copyTextToClipboard = async (text: string) => {
    if…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/reactjs" class="post-tag grid--cell" title="show questions tagged 'reactjs'" rel="tag">reactjs</a> 
                
                <a href="../../questions/tagged/copy-paste" class="post-tag grid--cell" title="show questions tagged 'copy-paste'" rel="tag">copy-paste</a> 
                
                <a href="../../questions/tagged/html5-clipboard-api" class="post-tag grid--cell" title="show questions tagged 'html5-clipboard-api'" rel="tag">html5-clipboard-api</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Sep 14 '22 at 13:00">asked Sep 14 '22 at 13:00</time>
    <a href="../../users/4822666/meez" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/4822666.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="meez" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/4822666/meez" class="s-user-card--link">meez</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">3,783</li>
            <li class="s-award-bling s-award-bling__gold" title="5 gold badges">5</li>
            <li class="s-award-bling s-award-bling__silver" title="37 silver badges">37</li>
            <li class="s-award-bling s-award-bling__bronze" title="91 bronze badges">91</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>

</div>
        </div>

</div>
        </div>
        <script src="../../static/js/stack-icons.js"></script>
        <script src="../../static/js/fromnow.js"></script>
        
    </body>
</html>

Questions tagged [html5-clipboard-api]