我正在建立一个简单的演示电子邮件注册表单的小型目标网页.我想要在聚焦时打开表单字段,然后缩小模糊.
但是我遇到的问题是当您单击提交按钮时,会启动模糊功能,隐藏按钮并缩小窗体.我需要找到一种方法来停止.blur()方法,只有当用户点击聚焦在提交按钮.这有什么好的解决方法吗?
感谢任何帮助我可以得到!
解决方法
它不是最漂亮的解决方案,但它确实有效.尝试这个:
$("#submitbtn").mousedown(function() { mousedownHappened = true; }); $("#email").blur(function() { if (mousedownHappened) // cancel the blur event { mousedownHappened = false; } else // blur event is okay { $("#email").animate({ opacity: 0.75,width: '-=240px' },500,function() { }); // hide submit button $("#submitbtn").fadeOut(400); } });