javascript - 開始位置と終了位置のJavaScriptを使用して入力からcharを削除します

Question

次の方法で入力からテキストを削除しようとしていますが、Mozillaで機能しません。誰か助けてもらえますか？
IEでは正常に動作しています。

var start = txt.selectionStart;
var end = txt.selectionEnd;  
var selectedStr = txt.value.toString().substring(start, end);
txt.value = txt.value.toString().replace(selectedStr, "");

Answer 1

テキスト入力で選択したテキストを削除しようとしているように見えます。2つの異なるアプローチが必要になります。1つはIE<9用で、もう1つはサポートselectionStartとselectionEndプロパティをサポートする他のブラウザー用です。方法は次のとおりです。

デモ： http： //jsfiddle.net/hwG7f/1/

コード：

function deleteSelected(input) {
    input.focus();
    if (typeof input.selectionStart == "number") {
        var start = input.selectionStart,
            end = input.selectionEnd,
            val = input.value;
        if (start != end) {
            input.value = val.slice(0, start) + val.slice(end);
            input.setSelectionRange(start, start);
        }
    } else if (typeof document.selection != "undefined") {
        document.selection.createRange().text = "";
    }
}

Answer 2

Mozilla (およびその他のブラウザー) は を使用した実装が異なるためdocument.selection、window.getSelection()これらのメソッド/プロパティおよびレガシー サポート テーブルに従ってコードを調整する必要があります。これを正規化する多くのライブラリを使用できます。

Webkit で動作するコード例を次に示します。

var selectedStr = '';
if (window.getSelection) {
    var selectedText = window.getSelection().toString()
}

Answer 3

SelectionStartはIE9+でのみ機能します。

申し訳ありませんが、直接「」に設定してみませんか。

---

<input type="text" id="txt" />
<input type="button" value="Clear" id="clear" />​

function clear() {
    var txt = document.getElementById('txt');
    txt.value = "";
}
$('#clear').click(function(){clear()});​

Answer 4

値を置き換えることは、これにアプローチする正しい方法ではありません。選択範囲の前後の文字列のチャンクを取得してみてください。

var start = txt.selectionStart;
var end = txt.selectionEnd;
txt.value = txt.value.substring(0,start) + txt.value.substring(end);

ここにデモンストレーションがあります：http://jsfiddle.net/BuMUu/1/

Answer 5

var str = "yourString"
str = str.substring(1,str.length-1)