キャリッジリターンイベントを登録し、ボタンを送信するevent_javascriptスキルをトリガーするテキストボックスコントロールの特定の実装-jsチュートリアル-php.cn

キャリッジリターンイベントを登録し、ボタンを送信するevent_javascriptスキルをトリガーするテキストボックスコントロールの特定の実装

WBOY

リリース： 2016-05-16 17:41:09

オリジナル

1207 人が閲覧しました

はじめに:
ASP.Net ページでは、テキストボックスのインデックスは 1 (または n) で、後続の送信ボタンのインデックスは 2 (n 1) です。カーソルはにあります。テキストボックスに移動し、Enter キーを押した後は自動的にフォーカスが設定され、次のボタンに移動するとボタンのクリックイベントがトリガーされます。

しかし、Lyncplus クライアントで Web ページにアクセスすると、TextBox コントロールの Enter オートコンプリートボタンの送信イベントが失敗する状況が発生しました (自動的にフォーカスが切り替わるはずです)。

サーバー側 TextBox コントロールは OnKeyPress や OnKeyDown などのイベントを提供しないため、Button ボタンのクリックイベントを呼び出す Enter イベントのバックグラウンドコードを作成することはできません。

そこで、インターネットで関連する紹介を探し、最終的に次の 2 つの問題を解決しました:
(1) コントロールする TextBox コントロールの Enter イベントで JS コードの実行を実装します。ページ要素の値。
(2) TextBox コントロールの Enter イベント内でサーバーコントロールのクリックイベントを呼び出し、サーバー 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 コード: ボタンを取得するために元の dom オブジェクトが使用されますが、Jquery を使用して取得することはできないことに注意してください。 

コードをコピーコードは次のとおりです:

著者別の最新記事