連続した選択がサポートされていませんエラーが終了してクリップボードにコピーされます

Question

次のCoffescriptコードを実行して、特定のデータをユーザーのクリップボードにコピーしています。

ready = -> 

copyEmailBtn = document.querySelector('.clipboard-copy') 
copyEmailBtn.addEventListener 'click', (event) -> 
    targetClass = document.querySelector('.clipboard-copy').dataset.targetClass 
    target = document.querySelector(targetClass) 
    range = document.createRange() 
    range.selectNode target 
    window.getSelection().addRange range 
    try 
    document.execCommand('copy') 
    catch err 
    console.log 'Oops, unable to copy' 
    window.getSelection().removeAllRanges() 
    return 

if $('.clipboard-copy').length > 0 
    $(document).ready(ready) 
    $(document).on('page:load', ready) 

When I click the related button to start the copy process chrome throws the following error

これの問題は、私はそれだけで4回の試行のうちのいずれかで起こるので、それを追跡することはできませんよということです。

コピーボタンは、他の3 out 4回と同じように動作しますが、このエラーが発生するたびにテキストはコピーされません。

私たちのアプリは他のブラウザでは動作しないので、私は試していませんでした。

誰もこのエラーに対処していませんか？

あなたがコード Discontiguous selection is not supported

からこのエラーに関する他のすべてのレポートを見ることができるように、私は次の提案を試みたが、それが機能に影響を与え、より詳細な警告のようなものであるべきではないと言います。

Answer 1

私は、次のコード

ready = -> 

copyEmailBtn = document.querySelector('.clipboard-copy') 
copyEmailBtn.addEventListener 'click', (event) -> 
    window.getSelection().removeAllRanges() 
    targetClass = document.querySelector('.clipboard-copy').dataset.targetClass 
    target = document.querySelector(targetClass) 
    range = document.createRange() 
    range.selectNode target 
    window.getSelection().addRange range 
    try 
    document.execCommand('copy') 
    catch err 
    console.log 'Oops, unable to copy' 
    window.getSelection().removeAllRanges() 
    return 

if $('.clipboard-copy').length > 0 
    $(document).ready(ready) 
    $(document).on('page:load', ready) 

とそれを固定