> 웹 프론트엔드 > JS 튜토리얼 > 캐리지 리턴 이벤트를 등록하고 버튼을 실행하는 텍스트 상자 컨트롤의 특정 구현은 event_javascript 기술 제출

캐리지 리턴 이벤트를 등록하고 버튼을 실행하는 텍스트 상자 컨트롤의 특정 구현은 event_javascript 기술 제출

WBOY
풀어 주다: 2016-05-16 17:41:09
원래의
1212명이 탐색했습니다.
소개:
ASP.Net 페이지에서 텍스트 상자의 인덱스는 1(또는 n)이고 후속 제출 버튼의 인덱스는 2(n 1)입니다. 다음 버튼으로 이동하면 버튼의 클릭 이벤트가 트리거됩니다.

그런데 Lyncplus 클라이언트에서 웹 페이지에 접속할 때 TextBox 컨트롤의 Enter 자동 완성 버튼의 제출 이벤트가 실패하는 상황이 발생했습니다(자동으로 포커스가 전환되어야 함).

서버 측 TextBox 컨트롤은 OnKeyPress 또는 OnKeyDown과 같은 이벤트를 제공하지 않으므로 Enter 이벤트에 대한 배경 코드를 작성하여 버튼 버튼의 클릭 이벤트를 호출하는 것은 불가능합니다.

그래서 인터넷에서 관련 소개를 검색한 결과, 마침내 다음 두 가지 문제를 해결했습니다:
(1) 제어할 TextBox 컨트롤의 Enter 이벤트에 JS 코드 실행을 구현합니다. 페이지 요소 값.
(2) TextBox 컨트롤의 Enter 이벤트에서 서버 컨트롤의 click 이벤트를 호출하여 서버 C# 코드를 실행하고 관련 기능을 구현하는 구현.
구체적인 구현은 다음과 같습니다:
1. 서버측 TextBox 컨트롤의 Enter 이벤트를 등록하고 트리거합니다
1. PageLoad 이벤트 코드:
코드 복사 코드는 다음과 같습니다.

protected void Page_Load(object sender, EventArgs e)
{
MessageTxt.Attributes.Add("onkeypress ", "EnterTextBox()")
MessageTxt.Attributes.Add("onkeydown", "EnterTextBox()")
}

2.javascript 코드:
코드 복사 코드는 다음과 같습니다.



2. 서버 측 Button 컨트롤 클릭 이벤트를 호출합니다. TextBox 컨트롤의 Enter 이벤트
1.PageLoad 이벤트 코드: 위와 동일합니다.
코드 복사 코드는 다음과 같습니다.

protected void Page_Load(object sender, EventArgs e )
{
MessageTxt.Attributes.Add("onkeypress", "EnterTextBox()")
MessageTxt.Attributes.Add("onkeydown", "EnterTextBox()")
}; 🎜>
2.javascript 코드: Jquery를 사용하여 얻을 수 없는 버튼을 얻는 데 원래 DOM 개체가 사용된다는 점에 유의하세요.

코드 복사 코드는 다음과 같습니다.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿