jquery - 如果两者都为真，则 Mouseleave 和 Blur jQuery 只会更改内容

Question

大家好，我的网站需要一些帮助。

我对输入文本右侧的按钮有问题，我只想让它在页面加载时自动聚焦，当输入聚焦时，当按钮值发生变化（如宽度、颜色或内容）时。我希望当 mouseleave 或 mouseout 我的 div (#centro) AND blur (focusout) 输入文本时，按钮恢复到原始状态，当按钮恢复到原始状态时我遇到另一个问题我需要一些动画，因为它会立即恢复眼下。

如果有人知道如何改进我的按钮，我很感激！

Answer 1

看到这个：

  $(function () {
    $("#inputselect").focus(function () {
        $("#enviar").replaceWith("<button id='enviar'>" + "Avançado" + "</button>", 1000);
        $("#enviar").animate({
            "width": "136px"
        }, 1000);
        $("#enviar").css({
            "background-color": "#EC0000"
        }, 1000);
    });
    $('#centro').mouseout(function () {
        doAction();
    });
    $(document).mouseup(function (e) {
        var container = $("#centro");
        if (container.has(e.target).length === 0) {
            doAction();
        }
    });

    function doAction() {
        $("#enviar").replaceWith("<button id='enviar'>" + "OK" + "</button>", 1000);
        $('#enviar').animate({
            width: '64px'
        }, 1000);
        $("#enviar").css({
            "background-color": "#990000"
        }, 1000);
    }
});