給定以下HTML和函數:如何訪問'onfocus'函數內的發送文本框?
<input type="text" onfocus="TextBoxFocus()" id="txtName" />
。
function TextBoxFocus()
{
}
是否有可能從函數內部獲取調用文本框的ID?
感謝 凱文
給定以下HTML和函數:如何訪問'onfocus'函數內的發送文本框?
<input type="text" onfocus="TextBoxFocus()" id="txtName" />
。
function TextBoxFocus()
{
}
是否有可能從函數內部獲取調用文本框的ID?
感謝 凱文
變化只是有點你的HTML
<input type="text" onfocus="TextBoxFocus(this)" id="txtName" />
在這裏你去:
function TextBoxFocus(self) {
var id = self.id
}
只是通過this
作爲處理函數的參數:
onfocus="TextBoxFocus(this)"
function TextBoxFocus(textbox)
{
}
通過這個OBJ。見下文,
//<!-- Passing this obj---v -->
<input type="text" onfocus="TextBoxFocus(this)" id="txtName" />
而且在腳本中,
function TextBoxFocus(obj)
{
alert(obj.id);
}
我做了JSFiddle這似乎工作:
<input type="text" onFocus="onFocus(this)" />
假設你想使用它的許多文本框,所以我給一個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);
});
});
的jsfiddle樣本:http://jsfiddle.net/MLH4p/