Question

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

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

部分视图中的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

您的代码存在的问题是您尝试将事件处理程序附加到不存在的元素。（您使用#username选择器过滤input元素的后代，所以基本上你对jquery说的是“将focusout处理程序绑定到与#username匹配的后代input $("#username").on('focusout', function () { alert("Lost Focus"); });选择器“。有关详细信息，请参阅documentation。）

这将有效：

{{1}}

Answer 2

尝试

$(document).ready(function(){
    $('#username').focusout(function(){
        alert('lost focus!');
    });
});

https://jsfiddle.net/fc4mpo1w/6/

jquery焦点在部分视图asp.net mvc中的文本框上

2 个答案: