選択したテキストを.trim（）する方法は？

Question

かなり簡単な質問かもしれませんが、何とか解決できないようです。

テーブルからtd要素内のテキストを選択できます。問題は、私が取り除きたいテキストの中にタブがあることです。

私はこれまでのところ、これを試してみました：

function getSelectionText(){ 
    var selectedText = "" 
    if (window.getSelection){ // all modern browsers and IE9+ 
     selectedText = window.getSelection().toString().trim() 
    } 
    return selectedText 
} 

$('td').click(function(){ 
    var selected = getSelectionText(); 
    document.execCommand('copy'); 
}); 

は、悲しいことに、これはまだその背後にあるタブでコピーしたテキストを返します。パスワードフィールドにパスワードをコピーしようとすると、実際には迷惑になります。なぜなら、ユーザーはドット付きパスワードにタブがあるのを見ることができないからです。

誰かが助けてくれることを祈っています。

EDIT：

私は少し受け入れ答えを変更し、もうgetSelectionText（）関数を必要としません。これが同じ問題を抱えている人に役立つことを願っている。

$('td').click(function(){ 
    var selected = $(this).html(); 
    var inp = $("<input/>",{id:"copySelected"}); 
    $("body").append(inp) 
    inp.val(selected); 
    inp[0].select(); 
    document.execCommand('copy'); 
    inp.remove(); 
}); 

すべてのクリックはあなたがjQueryのように、使用のjQueryのバージョンでサポートされているすべてのブラウザで動作するはずですどの$.trim()

$.trim(window.getSelection().toString()) 

を使用していクリップボード

Answer 1

にクリックされたTD-セルをコピーします。

$ .trim（）関数は、指定された文字列の先頭と末尾にあるすべての改行、スペース（改行なしのスペースを含む）、およびタブを削除します。

もつとも：execCommandのコピーではなく、自分でコピーして変更、文字列の選択文字列を取ります。

選択した範囲を変更するか、操作した文字列をコピーする前に別の場所にコピーする必要があります。

ここでは、コピーする前に操作した文字列を保持する一時フィールドを作成します。

function getSelectionText(){ 
 
    var selectedText = "" 
 
    if (window.getSelection){ // all modern browsers and IE9+ 
 
     selectedText = $.trim(window.getSelection().toString()); 
 
    } 
 
    return selectedText; 
 
} 
 

 
$('td').click(function(){ 
 
    var selected = getSelectionText(); 
 
    console.log(selected.length,selected,encodeURIComponent(selected)) 
 
    var inp = $("<input />",{id:"copySelected"}); 
 
    $("body").append(inp) 
 
    inp.val(selected); 
 
    inp[0].select(); 
 
    document.execCommand('copy'); 
 
    inp.remove(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
<table><tbody><tr><td>Here is some text with trailing tabs   </td><td>|Next cell</td></tr> 
 
</table> 
 
<textarea>Paste the 36 chars (47 with tabs) in after clicking</textarea>

Answer 2

あなたはそれが魔法を行いますreplace('\t',''); を使用することができ、文字列からタブを削除します。

が、私はトリム、ホワイトスペース「\ n」をオフに取り除く知っているようには「\ t」の同様