javascript - 我怎样才能禁止点击表格的 td？

Question

我有这样的html表格

<table width="100%">
    <tr>
        <td align="right">
             Email Address
        </td>
        <td  align="left">
            <div>
                <input type="email" data-theme="b" id="EmailAddress" />
            </div>
        </td>
    </tr>
</table>

现在我在 td 内的 div 内有一个输入，当我在输入内单击时，光标设置在文本框上，但是如果我有时单击输入的边框，则光标设置在 td 的开头而不是在输入处

Answer 1

我不确定为什么会发生这种情况，因为这是我以前从未遇到过的行为(并且没有提供可用于测试的演示)，但这是一个快速的解决方法，因为您无论如何都在使用 jQuery:

$('td:has("input")').on('focus', function(){
     $(this).find('input').focus();
});

有效地，当 focus 事件发生在包含 input 元素的 td 元素上时，input 元素是焦点，所以光标应该出现在input中，而不是td中的其他地方。可能值得将 focus 替换为 click，具体取决于发生的情况。