HTML 도우미에 대한 자바 스크립트 코드를 작성하는 방법 ASP.NET MVC?

Question

나는이 같은 HTML 도우미 텍스트 상자가 :

@Html.TextBox("txt1") <br /> 

이제이 텍스트 상자에 자바 스크립트 onchange 이벤트를 발생시킵니다. 그렇게 할 수 있습니까? 아니면 대신 HTML 입력 유형을 사용해야합니까?

Answer 1

이

지정할 수 있습니다 HTML은과 같이 텍스트 상자 HTML 헬퍼 방법의 htmlAttributes 매개 변수를 사용하여 속성 :

@Html.TextBox("txt1", null, new { onchange="..." }) 

참조 :

htmlAttributes 매개 변수 : 위의 링크에서 InputExtensions.TextBox Method

이름/값 쌍을 포함하는 개체로 구성됩니다. 이름/값 쌍에 지정된 특성은 렌더링되는 HTML 요소에 따라 다릅니다.

Answer 2

이 입력란의 ID가 있으면 Jquery를 사용하여 텍스트 상자에 이벤트를 연결할 수 있습니다.

$("#textboxid").keydown(function(event) { 
    alert("Hey!"); 
}); 

저는 Keydown 이벤트를 사용했습니다. 보도 자료 또는 행사를 사용할 수도 있습니다.

또는 준비 이벤트에서 바인딩을 만들 수 있습니다.

$(document).ready(function(){ 
     $("#textboxid").bind("onchange", yourfunction); 
      });