输入焦点警报，该焦点没有类或 ID 并且位于 Div 内

Question

当输入聚焦后，如何发出以下 HTML 代码的消息：

<div class="ss_datesel_inp_cont">
    <div class="ss_datesel_inp_right_corner"> </div>
    <input autocomplete="off">
</div>

这是我尝试过的方法，但没有任何效果：

$(".ss_datesel_inp_cont:input").click(function() {
    alert("focused");
});

// or

$(".ss_datesel_inp_cont:input").focus(function() {
    alert("focused");
});

//or 

$(".ss_datesel_inp_cont").find("input").focus(function() {
    alert("focused");
});

Answer 1

:input 选择器仅在给定元素是输入（也包括 textarea、select 等）时才起作用。 .ss_datesel 等类不在输入上，而是在 div 上。您可以简单地使用后代选择器：

$(".ss_date_etc input").click(function() { alert('focused'); });

但是，这只有在单击输入时才有效。如果您通过 Tab 键或自动将其聚焦，则不会出现警报。问题是，如果您使用 .focus，alert() 会窃取焦点，然后在某些浏览器中重新应用它，您将陷入焦点循环。这是一个简单的解决方案：

$(".ss_date_etc input").focus(function () {
   if (!$(this).data('focused')) {
      $(this).data('focused', true);
      alert('focus!');
   }
});

请注意，并非所有浏览器都会在警报后恢复焦点，即使您尝试强制它们这样做。您可能想要使用一些alert 的替代方案，特别是因为这确实会让用户感到厌烦。

您还可以在模糊时将 .data('focused') 更新为 false，以便再次发生这种情况。

Answer 2

你的 jQuery 选择器出了问题。这应该有效：

$(".ss_datesel_inp_cont input").focus(function() {
    alert("focused");
});

另外，您的输入设置不正确...虽然“文本”是默认输入类型，但您应该始终在输入上指定类型：

<input type="text" autocomplete="off" />

有趣的是，您的第三次尝试似乎在我的测试中有效。祝你好运。