jquery - Mouseleave と Blur jQuery の両方が true の場合、コンテンツを変更するだけです

Question

こんにちは、私のサイトのヘルプが必要です。

入力テキストの右側にあるボタンに問題があります。入力がフォーカスされたとき、ボタンの値が変更されたとき (幅、色、コンテンツなど) に、ページの読み込み時に自動フォーカスしたいだけです。div (#centro) AND blur (focusout) 入力テキストを mouseleave または mouseout すると、ボタンが元の状態に戻り、ボタンが元に戻ったときに別の問題が発生し、アニメーションが必要になります。この時点で。

誰かが私のボタンを改善する方法を知っていれば、私は感謝します!

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);
    }
});