javascript - 在一个文本区域中输入内容，同时阻止另​​一文本区域

Question

我见过几个例子，我可以用 jquery 检测是否有人在文本区域中输入。但是，我还没有找到解决我的问题的正确方法。

我有两个文本区域，当我在其中一个文本区域中写入时，我想阻止另一个文本区域，这样用户就无法访问它。但是，如果用户另有决定并删除文本，我希望用户可以再次访问两个文本区域。

是否有任何提示或线索可以帮助我使用 jquery 解决这个问题？

Answer 1

你可以使用这样的东西:

<textarea id="txtArea1"></textarea>
<textarea id="txtArea2"></textarea>

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script>    
    //Onkeyup listener
    $(document).on('keyup','#txtArea1,#txtArea2',function()
    {
        //If value is empty then enable both
        if($(this).val() == "")
        {
            $('#txtArea1').removeAttr('disabled');
            $('#txtArea2').removeAttr('disabled');
        }
        //If txtArea1 then disable txtArea2
        else if($(this).attr('id') == 'txtArea1')
        {
            $('#txtArea2').attr('disabled','disabled');
        }
        //If txtArea2 then disable txtArea1
        else if($(this).attr('id') == 'txtArea2')
        {
            $('#txtArea1').attr('disabled','disabled');
        }
    });
</script>