공간이 백 스페이스 또는 삭제되었음을 감지하는 방법

Question

공간이 삭제되었거나 백 스페이스가 발생했는지 감지하고이를 실행하는 방법을 찾아야합니다. JavaScript/jQuery에서이 작업을하고있다.

은 내가 사용하여 삭제 또는 백 스페이스 키를 누르십시오를 얻을 수 있습니다 알고 : 그러나

$(this).keyup(function(event) { 
     event.keyCode 

, 내가 삭제 또는 백 스페이스 명령이 공간을 제거한 경우 말하는 방법을 몰라?

모든 제안 사항에 대해 매우 감사드립니다.

Answer 1

는 여기를 참조하십시오 : http://jsfiddle.net/Txseh/

(function(){ 
    var currentWhitespaceCount; 

    $("input").keyup(function(e){ 
     var newCount = ($(this).val().match(/\s/g) || []).length; 

     if (newCount < currentWhitespaceCount) 
      alert("You removed one or more spaces, fool."); 

     currentWhitespaceCount = newCount; 
    }); 
})();​ 

그것은 입력에서 공백 문자의 현재 수를 추적하고, 지금까지 숫자가 다운되면, 그것은 경고 (또는 당신이 원하는 않습니다). 당신은 백 스페이스 또는 당신이 당신의 입력 요소에 caret의 현재의 위치를 ​​확인하고 이전하는 경우가 그 것이다 공간이 후/확인을 누르면 삭제 키를 감지 할 때

Answer 2

keydown에 바인딩하고 이전 및 이후 값을 비교하여 크기가 축소되었는지 확인합니다.

$(input).keydown(function(){ 
    var currVal = this.value, self = this; 
    setTimeout(function(){ 
     if (currVal.length > self.value.length) { 
      console.log(currVal.length - self.value.length + " characters have been removed."); 
     } 
    },0); 
}); 

http://jsfiddle.net/ymhjA/1/

업데이트 샘플 :

$("input").keydown(function() { 
    var currVal = this.value, 
     self = this; 
    setTimeout(function() { 
     if (currVal.length - self.value.length === 1) { 
      var origVal = $.grep(currVal.split(""),function(val){ 
       return val === " "; 
      }); 
      var newVal = $.grep(self.value.split(""),function(val){ 
       return val === " "; 
      }); 
      if (origVal.length != newVal.length) { 
       console.log("a space was removed"); 
      } 
     } 
    }, 0); 
});​ 

http://jsfiddle.net/ymhjA/4/

Answer 3

캐시 값이 미리 (누르기에 값을 설정) 및 키 누름 후의 값과 비교한다. 이는 하나 이상의 공백이 제거되었음을 확실하게 알 수있는 유일한 방법입니다. 어떤 키를 검사하는 것은 가능한 키가 공간 제거를 달성 할 수 있는지에 따라 달라지며 구멍을 남길 가능성이 높습니다.

예를 들어 단어의 마지막 문자와 그 뒤에 오는 공백을 선택하면 마지막 문자를 누르면 공백이 제거됩니다. 그러나 눌린 키는 백 스페이스 나 삭제가 아닙니다.

Answer 4

실제로 여기에 내 코드 http://jsbin.com/atuwez/3/edit

var input = $('#input'), 
    afterLength, 
    beforeLength; 

input.on({ 
    'keydown': function() { 
    beforeLength = input.val().split(/\s/).length; 
    }, 
    'keyup': function(event) { 
    var key = event.keyCode || event.charCode; 

    if(key == 8 || key == 46) { 
      afterLength = input.val().split(/\s/).length; 
      console.log(beforeLength == afterLength); 
    } 
    } 

});