Question

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

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

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

Answer 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/

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

1 个答案: