Question

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

输入文本右侧的按钮出现问题，我只是想在页面加载时自动对焦，当输入被聚焦时，按钮值改变时（如宽度，颜色或内容）。 我希望当mouseleave或mouseout我的div（#centro）和模糊（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);
    }
});

Mouseleave和Blur jQuery只是改变了内容，如果两者都是真的

1 个答案: