Google Chrome: выберите содержимое элемента, которое остается видимым после размытия

Question

Google Chrome: выберите содержимое элемента, которое остается видимым после размытия

0

У меня есть форма, содержащая элемент <select> содержащий параметры, которые изменяются в соответствии с другим значением поля.

Таким образом, когда элемент <select> получает фокус, если другое значение поля не установлено, событие размытия запускается по предыдущему, и фокус запускается последним.

здесь упрощенная версия моего кода:

$(document).on('focus', '#requiresOuterValue', 
function() {
    if( isNaN(parseInt( $('#outerValue').val() )) )
    {
        $('#outerValue').trigger('focus');
    }
});

код работает отлично (выпадающий контент исчезает, #outerValue получает фокус) в firefox, но не в chrome, где #outerValue получает фокус, но также отображается содержимое элемента <select>.

just another noob 11 нояб. 2013, в 10:47

Источник

0

Вы должны опубликовать код, который не работает в Chrome, а не код, который уже работает
Jonathan 11 нояб. 2013, в 09:38
0

@Jonathan: код, который я разместил в alredy, это то, что не работает: jsfiddle.net/C9rKL
just another noob 11 нояб. 2013, в 09:54
0

затем перефразируйте свой вопрос, вы говорите, что элемент получает фокус, но не скрывается, но код для скрытия отсутствует ...
Jonathan 11 нояб. 2013, в 09:58
0

Я проверил ваш код и делает именно то, что должен, в chrome, если isNaN(parseInt( $('#outerValue').val())) истинно #outerValue получает фокус, где проблема?
Jonathan 11 нояб. 2013, в 10:02
0

@Jonathan: я только что заметил, что stackoverflow «удаляет» элементы, заключенные в & lt; и & gt; ... я использовал $ lt; selected & gt; помечать много раз.
just another noob 11 нояб. 2013, в 10:03
0

Вам по-прежнему не хватает кода, используемого для скрытия элементов, или ваш вопрос сформулирован неверно, и что вам нужно, чтобы select не был открыт до outerValue пор, пока outerValue не outerValue иметь значение?
Jonathan 11 нояб. 2013, в 10:08

Показать ещё 4 комментария

Теги:

jquery

html

javascript-events

google-chrome

focus

2 ответа

Ещё вопросы

Вы должны опубликовать код, который не работает в Chrome, а не код, который уже работает
@Jonathan: код, который я разместил в alredy, это то, что не работает: jsfiddle.net/C9rKL
затем перефразируйте свой вопрос, вы говорите, что элемент получает фокус, но не скрывается, но код для скрытия отсутствует ...
Я проверил ваш код и делает именно то, что должен, в chrome, если isNaN(parseInt( $('#outerValue').val())) истинно #outerValue получает фокус, где проблема?
@Jonathan: я только что заметил, что stackoverflow «удаляет» элементы, заключенные в & lt; и & gt; ... я использовал $ lt; selected & gt; помечать много раз.
Вам по-прежнему не хватает кода, используемого для скрытия элементов, или ваш вопрос сформулирован неверно, и что вам нужно, чтобы select не был открыт до outerValue пор, пока outerValue не outerValue иметь значение?

Jonathan · Answer 1 · 2013-11-11T08-09-00.000Z

Ну, я придумал решение.

Ваша проблема в том, что закрытие select не является стандартным для всех браузеров. единственный способ, которым я нашел, чтобы имитировать замыкание, - это перерисовать select.

Вот код:

$(document).on('focus', '#requiresOuterValue', function() {
        var requiresOuterValue = $("#requiresOuterValue").clone();

        if( isNaN(parseInt( $('#outerValue').val() )) )
        {
            $('#outerValue').trigger('focus');
            $("#requiresOuterValue").replaceWith(requiresOuterValue);
        }
});

EDIT: скрипку здесь http://jsfiddle.net/JonnyMe/C9rKL/1/

Реализация jQuery-плагина

Вы даже можете реализовать плагин jQuery для достижения цели:

$.fn.closeSelect = function() {
    if($(this).is("select")){
        var fakeSelect = $(this).clone();
        $(this).replaceWith(fakeSelect);
    }
};

И затем используйте его так:

$(document).on('focus', '#requiresOuterValue', function() {
        if( isNaN(parseInt( $('#outerValue').val() )) )
        {
            $('#outerValue').trigger('focus');
            $("#requiresOuterValue").closeSelect();
        }
});

daveruiz · Answer 2 · 2013-11-11T07-43-00.000Z

Mmm.. Вы пытались использовать собственный метод "focus" вместо события "focus" jquery?

$('#outerValue')[0].focus();

Я не уверен, что запуск jQuery-событий имеет неявное поведение на основе браузера.

фокус работает, он говорит, что скрытый код не работает ... the code works fine (dropdown disappears, #outerValue gains focus) in firefox but not in chrome, where #outerValue gains focus, but the item contents are displayed as well.
Нет проблем, я тоже попал в ловушку ;-)