textarea上的模糊与输入按钮上的提交之间的冲突

时间:2013-12-12 08:47:06

标签: jquery

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

  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
    
    })
    
  4. 还有其他解决方案吗?

1 个答案:

答案 0 :(得分:1)

嗯它很棘手..我不知道为什么,但它捕获按钮焦点但不点击..这里是代码,如果提交按钮有焦点提交表单..(希望它的帮助......因为我知道它不完全修复)

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

Working dmeo