시작 및 끝 위치를 사용하여 입력에서 문자 삭제 javascript

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

것 같습니다. 두 가지 접근 방식이 필요합니다. 하나는 IE < 9이고 다른 하나는 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

모질라 (그리고 다른 브라우저) document.selection을 사용하여 다른 구현을 가지고 window.getSelection() 그래서 당신은 그 방법/특성 및 레거시 지원 테이블에 따라 당신의 코드를 조정해야합니다. 당신을 위해 이것을 표준화하는 많은 라이브러리를 사용할 수 있습니다.

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

Answer 3

값을 교체하는 것은이 접근하는 올바른 방법이 아니다 : 여기

는 웹킷에서 작동하는 코드 예제입니다. 선택을 앞 문자열의 덩어리를 복용하고 다음보십시오 : 여기

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 4

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

Answer 5

지정한 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()});​