输入在Opera 54.0中不集中

Question

我有一个输入，试图将焦点放在click事件上，该问题似乎仅在Opera中出现，并且我认为是因为在调用焦点之前有警报。

我的代码在这里（在这个小提琴中 ）：

 function Validate(){ var element=document.getElementById('test-input'); if(element.value=="") { alert("Please complete the field!"); element.focus(); } } 

 <input id="test-input"/> <input type="button" value="Click" onClick="Validate();"/> 

Answer 1

它实际上可以在Opera 55.0中使用，但不会使光标闪烁。 如果您在消息后立即开始键入内容，它将以具有焦点的字段开头。 您可以为该字段添加一些样式，其周围的红色边框或其他视觉效果，以适应这种情况。

-更新-

在完成对话以提高Opera对焦点的意识之后，像在那已经消失的小提琴中所做的那样，在野外工作很可能：

像这样：

function Validate(){
   var element=document.getElementById('test-input');
   if(element.value=="")
   {
      window.alert("Please complete the field!");
      element.style.border = "solid 1px red";
      element.focus();
   } else {
      element.style.border = "";
   }
}