javascript - 「onfocus」関数内の送信テキストボックスにアクセスするにはどうすればよいですか?

Question

次の HTML と関数があるとします。

<input type="text" onfocus="TextBoxFocus()" id="txtName" />

.

function TextBoxFocus()
{

}

関数内から呼び出しテキストボックスのIDを取得することは可能ですか?

ありがとうケビン

score 1 · Accepted Answer

html を少し変更する

<input type="text" onfocus="TextBoxFocus(this)" id="txtName" />

そして、ここに行きます：

function TextBoxFocus(self) {
    var id = self.id
}

score 1 · Accepted Answer

thisハンドラの引数として渡すだけです:

onfocus="TextBoxFocus(this)"


function TextBoxFocus(textbox)
{

}

score 1 · Accepted Answer

このオブジェクトを渡します。下記参照、

//<!--                   Passing this obj---v                 -->
<input type="text" onfocus="TextBoxFocus(this)" id="txtName" />

そしてスクリプトでは、

function TextBoxFocus(obj)
{
    alert(obj.id);
}

score 0 · Accepted Answer

私はJSFiddleを実行しましたが、これはうまくいくようです:

<input type="text" onFocus="onFocus(this)" />

score 0 · Accepted Answer

多くのテキストボックスに使用したいと仮定すると、classセレクターを提供しています

<input type="text"  id="txtName1" class="someTextBox"/>
<input type="text"  id="txtName2" class="someTextBox"/>

脚本

$(function(){

  $(".someTextBox").focus(function(){
     var txtID=$(this).attr("id");
     alert(txtID);
  });

});

5 に答える 5