我正在使用jquery blur进行错误验证。当我在文本框上键入并在外部单击时,它工作正常。但是当我滚动页面时,不会触发页面模糊。
看看jquery示例本身https://api.jquery.com/focusout/
当您专注于输入并滚动页面时,它不会被聚焦或模糊。 我可以知道如何解决这个问题吗?
答案 0 :(得分:1)
blur()
未触发? ...自己触发...
在滚动上,使用trigger()
方法触发模糊事件:
$(document).ready(function() {
$("#test").on("blur", function() {
if (isNaN($("#test").val())) {
$("#test").css("border-color", "red");
$("#result").html("Expecting numbers");
}
else {
$("#test").css("border-color", "blue");
$("#result").html("Good input");
}
});
$(this).on("scroll", function() {
$("#test").blur();
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="test"/>
<p id="result"></p>
<!-- This section has nothing to do ... it just add some content to make the page scrollable -->
<div style="height:99999px; width:200px;"> </div>
更多信息可以在这里找到:
trigger()
:https://api.jquery.com/trigger/
scroll()
:https://api.jquery.com/scroll/