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

前端之家收集整理的这篇文章主要介绍了事件处理 – 点击“提交”按钮时,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

原文链接:https://www.f2er.com/jquery/179539.html

猜你在找的jQuery相关文章