Сосредоточить фокусированный ввод на щелчке другого элемента без размытия?

Question

Сосредоточить фокусированный ввод на щелчке другого элемента без размытия?

0

У меня есть контейнер div с текстовым полем ввода. Я добавил анимацию фокуса и фокуса на этом прослушивании событий ввода/размытия. Тем не менее, я хочу, чтобы входные данные ведут себя таким образом, что когда я нажимаю в любом месте этого контейнера div, это то же самое, что фокусировка на этом самом входе (таким образом, он не будет перефокусироваться, если вход уже сфокусирован).

Это должно проиллюстрировать проблему

    $("#foo1").click(function() {
       //WARNING: #foo2 will blur first THEN focus 
       $("#foo2").focus();
    });

    $("#foo2").focus(function() {
        $("#foo1").addClass("active",1000);
    });
    $("#foo2").blur(function() {
        $("#foo1").removeClass("active",1000);
    });

user1542639 17 сен. 2013, в 17:48

Источник

Теги:

jquery

html

2 ответа

1

использовать .clearQueue()

Когда вызывается метод.clearQueue(), все функции в очереди, которые не были выполнены, удаляются из очереди.

JS

$(function(){
    $("#foo1").click(function() {
        //WARNING: #foo2 will blur first THEN focus 
        $("#foo2").focus();
    });

        $("#foo2").focus(function() {
            $("#foo1").clearQueue().addClass("active",1000);
        });
        $("#foo2").blur(function() {
            $("#foo1").clearQueue().removeClass("active",1000);
        });


});

DEMO

Tushar Gupta 17 сен. 2013, в 13:11

0

Распределена ли очередь между элементами? Что если в очереди находятся другие совершенно не относящиеся к делу функции задержки, foo1.clearQueue очистит эти функции?
user1542639 17 сен. 2013, в 15:57
0

@ user1542639 yes clearQueue удалит все предыдущие функции
Tushar Gupta - curioustushar 17 сен. 2013, в 16:19
0

Ваш ответ работает нормально, но мне придется пойти с другим ответом. Я довольно не решаюсь делать clearQueue, потому что это может непреднамеренно стереть другие несущественные функции задержки.
user1542639 18 сен. 2013, в 04:57

Показать ещё 1 комментарий

Ещё вопросы

Распределена ли очередь между элементами? Что если в очереди находятся другие совершенно не относящиеся к делу функции задержки, foo1.clearQueue очистит эти функции?
@ user1542639 yes clearQueue удалит все предыдущие функции
Ваш ответ работает нормально, но мне придется пойти с другим ответом. Я довольно не решаюсь делать clearQueue, потому что это может непреднамеренно стереть другие несущественные функции задержки.

Moob · Accepted Answer · 2013-09-17T13-28-00.000Z

Не повторно применяйте анимацию, если ее уже активная

$(function(){
    $("#foo1").click(function() {
        //WARNING: #foo2 will blur first THEN focus 
        $("#foo2").focus();
    });

    $("#foo2").focus(function() {
        //dont reapply
        $("#foo1:not(.active)").addClass("active",1000);
    });
    $("#foo2").blur(function() {
        $("#foo1").removeClass("active",1000);
    });

});

См.: http://jsfiddle.net/g5c7d/6/

Это работает, но в случае изменения нескольких классов на один фокус, мне придется соответствующим образом перенастроить селектор.
Да, вам придется обновить код, если вы измените свои требования, но $("#foo1:not(.active)").addClass("active ohAndAnotherClass",1000); все еще в силе.