Question

<html>
<head><title>asdf</title></head>
<body>
<input type="text" id="WTF">

<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script>
    $("#WTF").blur(function () {
        if($("#WTF").val() !== "WTF"){
            alert("WTF!");
            $("#WTF").focus();
        }
    });
</script>
</body>
</html>

喜欢这段代码。如果在IE中打开，则可以在下次激活模糊事件之前正确触发警报。但是在Chrome中打开，您可以看到警报无限触发。为什么？如何让Chrome正确激活活动？

Answer 1

所以你提到的是Chrome中的一个已知错误，你可以阅读更多关于它的信息here

您可以添加错误alert代替class，以指示用户有关错误的信息：

.error {
  border: 1px solid #d00;
}

<html>

<head>
  <title>asdf</title>
</head>

<body>
  <input type="text" id="WTF">

  <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
  <script>
    $("#WTF").blur(function() {
      if ($(this).val() !== "WTF") {
        $(this).addClass('error');
      } else {
        $(this).removeClass('error');
      }
    });
  </script>
</body>

</html>

jQuery模糊并专注于IE或Chrome的差异化

1 个答案: