Question

给出以下HTML和函数：

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

function TextBoxFocus()
{

}

是否可以从函数内部获取调用文本框的id？

由于凯文

Answer 1

只需将this作为处理程序的参数传递：

onfocus="TextBoxFocus(this)"


function TextBoxFocus(textbox)
{

}

Answer 2

传递这个对象。见下文，

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

在剧本中，

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

Answer 3

稍微更改你的HTML

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

你走了：

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

Answer 4

我做了一个JSFiddle，这似乎有效：

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

Answer 5

假设你想将它用于许多文本框，那么我给的是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);
  });

});