HTML 요소 두 번 클릭

업데이트: 2007년 11월

Visual Web Developer에서 프로그래밍 가능한 HTML 요소를 두 번 클릭하면 다음과 같은 동작이 발생합니다.

.aspx 페이지 맨 위에 있는 스크립트 블록 안에 클라이언트측 이벤트 처리기 함수가 만들어집니다. 이 함수는 ASP.NET 코드 숨김 페이지 모델을 사용하는 경우에도 만들어집니다.
HTML 요소에 language 특성이 만들어지고 해당 값이 "javascript"로 설정됩니다.
HTML 요소에 onclick 특성이 만들어지고 해당 값이 이벤트 처리기 함수 이름의 이름으로 설정됩니다.

두 번 클릭할 수 있는 프로그래밍 가능한 요소의 예로 Input, Textarea 및 Select HTML 요소가 있습니다. 클라이언트에서 실행될 이벤트 처리기 함수에 코드를 추가합니다.

참고:
프로그래밍할 수 없는 HTML 요소를 두 번 클릭해도 Visual Web Developer에서는 아무런 동작도 발생하지 않습니다.

요소에 대해 서버 기반 이벤트 처리기를 만들 경우 다음과 같은 두 가지 옵션 중에서 선택하여 사용할 수 있습니다.

HTML 요소를 이미 두 번 클릭한 경우에는 요소를 이전 상태로 복원합니다. 이렇게 하려면 소스 뷰로 전환한 후 요소의 language 및 onclick 특성을 제거하고 스크립트 블록에 정의된 onclick 함수를 삭제합니다.
디자인 뷰로 전환합니다.
HTML 요소를 마우스 오른쪽 단추로 클릭하고 서버 컨트롤로 실행을 클릭합니다.
파일을 저장하고 HTML 요소를 다시 두 번 클릭합니다.

이벤트 처리기 메서드가 스크립트 블록에 자동으로 추가됩니다. ASP.NET 코드 숨김 모델을 사용하는 경우에는 코드 숨김 페이지에 추가됩니다. 요소에 runat 특성이 추가되고 해당 값이 "server"로 설정됩니다. 또한 event 특성이 추가되고, 자동으로 생성된 이벤트 처리기 메서드의 이름으로 해당 값이 설정됩니다.

디자인 뷰로 전환합니다.
도구 상자에서 HTML 요소와 가장 유사한 서버 컨트롤을 선택합니다. 예를 들어, checkbox 형식의 Input HTML 요소는 도구 상자의 표준 탭에 있는 CheckBox 서버 컨트롤과 거의 같습니다. 서버 컨트롤 목록을 보려면 표준 도구 상자 컨트롤을 참조하십시오.
컨트롤을 도구 상자에서 페이지로 끌어 옵니다.
파일을 저장하고 서버 컨트롤을 두 번 클릭합니다.

이벤트 처리기 메서드가 스크립트 블록에 자동으로 추가됩니다. ASP.NET 코드 숨김 모델을 사용하는 경우에는 코드 숨김 페이지에 추가됩니다. event 특성이 추가되고, 자동으로 생성된 이벤트 처리기 메서드의 이름으로 해당 값이 설정됩니다.
HTML 요소의 모든 문자열을 새 서버 컨트롤로 전송한 후 HTML 요소를 제거합니다. HTML 요소를 이미 두 번 클릭한 경우에는 클라이언트측 이벤트 처리기 함수의 코드를 새 이벤트 처리기 메서드로 전송합니다. 컨트롤을 테스트하여 변경할 사항이 있는지 확인합니다.