事件处理 – 点击“提交”按钮时,jQuery Stop .blur()事件

我正在建立一个简单的演示电子邮件注册表单的小型目标网页.我想要在聚焦时打开表单字段,然后缩小模糊.

但是我遇到的问题是当您单击提交按钮时,会启动模糊功能,隐藏按钮并缩小窗体.我需要找到一种方法来停止.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);
    }
});​

DEMO HERE