文本区域上的模糊和输入按钮上的提交之间存在冲突

Question

我有一个文本区域和一个按钮。我有一个代码，在焦点上扩展文本区域，在模糊事件上缩小。当用户按下按钮时，它会将内容提交给服务器。问题是，当用户键入文本然后单击按钮时，会在单击按钮之前导致文本区域出现模糊事件。该框缩小，但按钮单击操作被屏蔽。我已经浏览了类似主题的各种线程，并尝试了各种选项，但都不起作用。。。

1. 试图在模糊处理程序中添加此。。。但无济于事。。。

   if ($(':focus').is('#submitbtn')) { return false; }
   

2. 尝试将其添加到模糊处理程序。。。但它在IE中不起作用，尽管它在Chrome中起作用。。。

   if (event.relatedTarget != null && event.relatedTarget.nodeName == "INPUT") {
     // Now call click on the related Target which was the submit button
     event.relatedTarget.click();
   }
   

3. 尝试了以下方法，但没有帮助。。。

   $("#myTextArea").blur(function(evt) {
       if (evt.target is not the button){ //pseudo code
         //do something 
         return true; // I handled it
       }
       return false; // I didn't handle it
   })
   

还有其他解决方案吗？

Answer 1

这很棘手。。我不知道为什么，但它捕捉到了按钮的焦点，但没有点击。。这是一个代码，如果提交按钮有焦点，提交表单..（希望它有帮助..因为我知道它还没有完全修复）

$("#btn_0").focus(function() {  
/*its capture the focus but not the click*/
  $("#f1").submit();
});

工作dmeo