jquery - 启用/禁用元素当 div 元素获得焦点时

Question

我在 div 中有一定数量的 Input 元素。当 div 内的任何输入元素获得焦点时，我想禁用 div 外的元素？如何在 jquery 中做到这一点？

Answer 1

假设以下 HTML 为例：

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

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

可以使用以下脚本，使用焦点和模糊事件：

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

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

检查小提琴