選択/ハイライトされたテキストを削除

Question

divにテキストがあり、カーソルを使用してテキストを選択してテキストを削除できるようにします。

正常に動作しますが、テキストをクリックするとすべてが削除されます。クリックしてドラッグして選択すると、正常に動作します。

テキストを正しく機能させるにはどうすればよいですか。ユーザーがテキストをクリックすると、すべてが削除されるべきではありません。

jsFiddleテスト用です。

のjQuery：

if (window.getSelection().toString() != "") { 
     selectedText = window.getSelection().toString() 
     var text1 = $(".selectable").text().split("") 
     pointStart = window.getSelection().anchorOffset 
     pointEnd = window.getSelection().focusOffset 

     if (pointEnd < pointStart) { 
      pointStart = pointEnd 
     } 
     text1.splice(pointStart, selectedText.length); 
     text1 = text1.join("") 
    } else { 
     selectedText = $(".selectable").text() 
     var text1 = "" 
    } 
$(".selectable").text(text1) 

例HTML：

<div class="selectable"> 
    Hello world what is 進撃の巨人 reality test test... test. 
</div> 

EDIT：潜在的な解決策：

if (window.getSelection().toString() == "") { 
    return false; 
    } 

Answer 1

あなたのエラーがelse部分に位置しています。ユーザがテキストを選択していない場合（単にテキストをクリックした場合）、elseコードブロックが実行されます。あなたはその後、あなたの$(".selectable")要素のテキストコンテンツとしてtext1をASSING var text1 = "";

を割り当て、そのブロックで

。

だけにその行を変更します。

var text1 = selectedText; 

私はまた、あなたのmouseUpハンドラの先頭に一度だけvar text1を宣言し、text1 = "value"

に var text1 = "value"からあなたの割り当てを変更示唆更新 fiddle

を参照してください。

参照：var hoisting