Включить / отключить элементы, когда элемент div получает фокус

Question

У меня есть определенное количество элементов ввода внутри div. Когда любой элемент ввода внутри div получает фокус, я хочу отключить элемент вне div? Как можно сделать это в JQuery?

Answer 1

Предполагая следующий HTML в качестве примера:

<div class="div">
     <input type="text" />
     <input type="text" /> 
     <input type="text" /> 
</div>

<input type="text" class="b"/>

Можно использовать следующий скрипт, используя события focus и blur:

$('.div input[type="text"]').on('focus', function(){
    $('.b').prop('disabled', true);

}).on('blur', function(){
     $('.b').prop('disabled', false); 
});

Проверьте скрипку