Textbox에 대한 mvc의 텍스트 변경 이벤트

Question

저는 mvc.의 초보자입니다. 텍스트 상자에 값을 입력하고 Tab 키를 누른 후에 텍스트 상자의 값을 변경해야하는 응용 프로그램에서 작업하고 있습니다. 예를 들어 을 입력하면 1을 입력란에 넣고 Tab 키를 누르면 +1이 표시됩니다. 즉, + 텍스트에 기호를 입력해야합니다. 이렇게하려면 입력하십시오. 텍스트 상자에 textchanged 이벤트를 발생 시키려고합니다. 어떻게하면됩니까? it.When 내가봤을 때 나는 그것이 javascript를 사용하여 수행 할 수있는 것으로 나타났습니다.하지만 어떻게 그 일을 해야할지 모르겠어, pls 날 좀 괴롭히지.

코드 :

@Html.TextBoxFor(m => m.text)--textbox 

Answer 1

당신은 jQuery를 사용하고 입력 필드가 초점을 잃어 버릴 때 트리거됩니다 blur 이벤트를 구독 할 수

:

$(function() { 
    $('#id_of_your_textbox').blur(function() { 
     var value = $(this).val(); 
     var newValue = value + '1'; 
     $(this).val(newValue); 
    }); 
}); 

당신이를 사용하지 않으려면 jQuery와 같은 자바 스크립트 프레임 워크는 일반 자바 스크립트로도 동일하게 구현할 수 있습니다.

window.onload = function() { 
    document.getElementById('id_of_your_textbox').onblur = function() { 
     var value = this.value; 
     var newValue = value + '1'; 
     this.value = newValue; 
    }; 
}; 

참고 : 문자열 값 1을 기존 텍스트에 추가합니다. 정수를 추가하려면 먼저 현재 값을 파싱해야합니다. 당신은 그것을 위해 (데이터 유형에 따라) parseInt 또는 parseFloat 방법을 사용할 수 있습니다 여기

var value = parseInt($(this).val()); 
if (!isNaN(value)) { 
    var newValue = value + 1; 
    $(this).val(newValue); 
} else { 
    alert('You have entered an invalid integer value'); 
} 

그리고 어떻게 당신이 당신의 자바 스크립트 선택기에서 사용할 수있는 텍스트 필드에 결정적 ID를 할당 할 것 :

@Html.TextBoxFor(m => m.text, new { id = "id_of_your_textbox" })