javascript - jquery focusout 部分 View 中的文本框 asp.net mvc

Question

当有人离开 asp.net mvc 4 应用程序中部分 View 中的文本框时想要触发警报。 不会为我工作。没有错误只是不工作。我的代码 jQuery

$("#username").on('focusout', 'input', function () {
    alert("Lost Focus");
});

部分 View 中的 Html

<div class="form-group">
    <label class="col-sm-6 control-label forms">UserName</label>
    <div class="col-sm-3 input-container">
        <input type="text" name="Username" id="username"/>
    </div>
</div>

Answer 1

您的代码的问题是您试图将事件处理程序附加到不存在的元素。 (您使用 input 选择器过滤 #username 元素的后代，所以基本上您对 jquery 说的是“将 focusout 处理程序绑定(bind)到与 input 选择器匹配的 #username 的后代”。有关详细信息，请参阅 documentation。)

这会起作用:

$("#username").on('focusout', function () {
   alert("Lost Focus");
});