滚动页面时jQuery模糊不起作用

时间:2018-08-23 18:58:56

标签: jquery

我正在使用jquery blur进行错误验证。当我在文本框上键入并在外部单击时,它工作正常。但是当我滚动页面时,不会触发页面模糊。

看看jquery示例本身https://api.jquery.com/focusout/

当您专注于输入并滚动页面时,它不会被聚焦或模糊。 我可以知道如何解决这个问题吗?

1 个答案:

答案 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;">&nbsp;</div>

更多信息可以在这里找到:

trigger()https://api.jquery.com/trigger/

scroll()https://api.jquery.com/scroll/