javascript - 如果没有所需的值，则将文本框聚焦在焦点上

Question

如果文本框没有所需的值，我会将焦点放回文本框。执行此功能后，文本框没有返回焦点。但是它正确地发出警报 (alert("Must be 1");)。

$("#textbox").blur(function(event){
       if ($(this).text != "1"){
          event.preventDefault();
          alert("Must be 1");
          $(this).focus(); 
        }
});

有什么想法吗？

Answer 1

你可以这样做:

$("#textbox").blur(function(event){
       var tb = this;
       if ($(this).val() != "1"){
          event.preventDefault();
          alert("Must be 1");
          setTimeout( function() { $(tb).focus(); }, 1);
        }
});

通过将“.focus()”调用置于超时状态，您可以在单独的事件循环中进行切换。另请注意，您试图错误地获取值(“.text”)，而且我必须保留对“tb”中元素的引用。

我怀疑这在 Safari 中可能不起作用。 Safari 真的不愿意服从“.focus()”调用，它被“alert()”弄糊涂了。当然，如果您通过其他方式将消息传递给用户(请这样做 :-)，那么它可能会起作用。