输入类型文本 onfocus 函数未调用

Question

我有一个表格，其中每个 td 元素都将包含一个输入类型文本。

<tr>
    <td id="a1"><input type="text" id="a1t"/></td>
    <td id="a2"><input type="text" id="a2t"/></td>
</tr>
<tr>
    <td id="b1"><input type="text" id="b1t"/></td>
    <td id="b2"><input type="text" id="b2t"/></td>
</tr>

当文本输入被聚焦时，我需要知道 td id。我尝试通过调用带有附加到输入类型文本的 onfocus 事件的 js 函数来做到这一点，但该函数没有被调用。

<input type="text" id="b2t" onfocus="cell_clicked('b2t')" />

这是函数和fiddle：

function cell_clicked(cell_no){
    alert(cell_no);
}

但是该函数没有被调用。 我做错什么了吗？

Answer 1

您的代码工作正常，您在 jsfiddle 中设置错误。
在Framework and extensions 下将onLoad 更改为no wrap 以使您的函数cell_clicked 全局可用。

看到这个http://jsfiddle.net/ywt8V/3/（你的小提琴http://jsfiddle.net/ywt8V/只是这个设置被改变了）。

作为旁注，您可以像这样访问父表格单元格的 id：

onfocus="cell_clicked(this.parentNode.id)"

希望对你有帮助

Answer 2

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<td><div id="boom" class="selected"><input type="text" id="b2t" onfocus="cell_clicked(this.id)" /></div></td>



function cell_clicked(id){
    var foo = $( "#"+id ).parent(".selected").attr( "id" );
    alert(foo);
}