javascript - Jquery 文本完成 div

Question

大家好，我有一个关于 jquery textcomplete 的问题。

我认为这很容易，但我不知道该怎么做。

我创建了这个 DEMO 没有jquery

那么我的问题是什么。我想当我在 textarea 中写左括号 ( 然后 .textBox div 自动打开。

我该怎么做才能有人告诉我？

<div class="container">
    <div class="textarea_wrap">
        <textarea id="textarea" class="text"></textarea>
        <div class="tagBox"></div>
    </div>
</div>

CSS

 .container{
        width:300px;
        height:300px;
        margin:0px auto;
        margin-top:30px;
    }
    .textarea_wrap{
        width:100%;
        box-sizing:border-box;
        position:relative;
    }
    .text{
        width:100%;
        height:100px;
        box-sizing:border-box;
        outline:none;
        border:1px solid #999999;
    }
    .tagBox{
        width:300px;
        height:100px;
        background-color:red;
        position:absolute;
        top:100px;
        display:none;
    }

Answer 1

参见 Working Fiddle 使用正则表达式代替多个条件:

JS :

 $(function(){
    $('#textarea').keyup(function(){
        if($(this).val().match(/([(]$)/g)){
            $('.tagBox').show();
        }else{
            $('.tagBox').hide();    
        }
    });
})