asp.net onpropertychange와oninput 이벤트 구현 코드

전체적인 사고방식은 다음과 같다. 텍스트 상자의 값이 바뀔 때 이벤트를 촉발하고 목록에 있는 값을 필터한다.
이 사고방식에 따라 먼저 해결해야 할 것은 텍스트 상자의 어떤 사건이 요구를 충족시킬 수 있는지 확인하는 것이다. 당시에 가장 먼저 생각한 것은 onkeydown이나 onkeypress였다. 시험하는 과정에서 중국어를 다시 입력할 때 응답할 수 없다는 것을 발견했다. 왜냐하면 입력자가 초점을 차단하기 때문이다.인터넷에서 onpropertychange 이벤트가 텍스트 속성을 바꾸기 위해 검색되었을 때 출발하기 때문에 텍스트 상자에 데이터를 입력할 때 텍스트 상자의value 속성을 바꾸는 것입니다.그리고 중국어도 만족할 수 있습니다. 큰일이 났다고 생각했는데 마지막에야 이 사건이 IE의 전속 사건이고 다른 브라우저에서는 이 사건이 없다는 것을 발견했습니다.대응하는oninput은 수요를 충족시킬 수 있다.
구체적인 실현은 텍스트 상자, 숨겨진 단추입니다. 텍스트 상자에 내용을 입력할 때onpropertychange나oninput 이벤트를 호출하여 이 이벤트에서 숨겨진 단추를 찾은 다음 클릭 이벤트를 출발합니다.이렇게 하면 우리는 백엔드에서 단추를 숨기는 클릭 이벤트에서 목록 데이터를 필터하기만 하면 된다. (물론 앞의 출발에서 단추를 숨기는 이벤트는 자바스크립트로 이루어진다. 주의해야 할 것은 프론트에서 서버 컨트롤러를 가져오는 클라이언트 ID) 스크립트 코드는 다음과 같다.

 
  
 
  <br>function btnClick() 
  <br>{ 
  <br>var btnID = "<%=this.btnSearch.ClientID%>"; 
  <br>var btnObject = document.getElementID(btnID); 
  <br>if(btnObject) 
  <br>{ 
  <br>btnObject.click(); 
  <br>} 
  <br>} 
  <br>