输入在 Opera 54.0 中没有焦点

Question

我有一个尝试关注点击事件的输入，问题似乎只出现在 Opera 中，我认为是因为在调用焦点之前我有一个警报。

我的代码在这里（和this fiddle）：

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 = "";
   }
}