TextBox JS 프론트 데스크 톱 할당 트리거 Onchange 이벤트, 키보드 조작 차단
2423 단어 ASP.NET실습 하 다.JavaScript
1) 1. 동적 으로 생 성 되 거나 Textbox 에 있 을 때 js 를 통 해 input 입력 상자 에 값 을 부여 하고 input 입력 상자 의 onchange 를 터치 하지 않 습 니 다. 사건 은 다음 과 같은 방식 으로 해결 할 수 있다.
배경 C \ # 코드:
System.Web.UI.WebControls.TextBoxtextbox = new System.Web.UI.WebControls.TextBox();
textbox.Attributes.Add("onkeydown","DateTimekeydown(this)");
프론트 JS 코드:
function DateTimekeydown(control) control textbox
{
control.value = "";
control.fireEvent("onchange");
return;
}
혹은
function DateTimekeydown(control) //control textbox
{
control.value = "";
control.onchange();
return;
}
2) 동적 으로 생 성 되 거나 Textbox 에 있 을 때 시간 컨트롤 DatePicker 를 통 해 input 입력 상자 에 값 을 부여 할 수 있 으 며 BackSpace 와 Delete 키 를 제외 한 다른 버튼 은 컨트롤 을 입력 할 수 없 으 며 다음 과 같은 방식 으로 해결 할 수 있 습 니 다.
배경 C \ # 코드:
System.Web.UI.WebControls.TextBoxtextbox = new System.Web.UI.WebControls.TextBox();
textbox.Attributes.Add("readonly","readonly");
textbox.Attributes.Add("onkeydown","DateTimekeydown(this)");
프론트 JS 코드:
function DateTimekeydown(control)
{
var control_id = "#" + control.id;
var curKey = event.Which ||event.keyCode;
//delete , Delete Textbox , onchange
if (curKey == 46)
{
control.value = "";
control.fireEvent("onchange");
return;
}
//backspace, Backspace Textbox , onchange ,
if (curKey== 8)
{
if (event.keyCode != 0)
{
event.keyCode = 0;
event.returnValue = false;
}
else if(event.which != 0)
{
event.which = 0;
event.returnValue = false;
}
control.value = "";
control.fireEvent("onchange");
return;
}
return;
}
3) Textbox 의 readonly 속성
ReadOnly 속성 학습 인용http://kooyee.iteye.com/blog/593214
ASP. NET 2.0 이후 post back 페이지 에서 Textbox 가 readonly 이면 Textbox 에서 변 경 된 값 은 무 시 됩 니 다.즉, 프론트 데스크 톱 에서 js 로 textbox 의 값 을 수정 하면 server 는 새로운 값 을 textbox 의 'Text' 속성 에 기록 하지 않 습 니 다.그래서 TextChanged 이벤트 가 일어나 지 않 습 니 다.이 메커니즘 은 사용자 가 Textbox 의 readonly 상 태 를 피해 발생 하 는 안전 문 제 를 방지 하 는 데 쓰 인 다. 이 메커니즘 을 피해 야 한다 면 다음 과 같이 사용 할 수 있다.
TextBox.Attributes.Add("readonly","readonly")
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
부트스트랩 ASP.NET에서 설정하는 법1) _Layout.cshtml 內 link로 bootstrap 참조 2) Nuget 패키지에서 BootStrap 다운로드 3) 하단 부트스트랩 예제 사이트 참고해서 프로젝트 개발 참고 :...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.