Javascript jquerytextplete div

大家好，我有一个关于jQueryTextComplete的问题

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

我在没有jquery的情况下创建了这个

那么我的问题是什么呢。当我在textarea中写入时，我希望打开括号

（

然后

。textBox

div自动打开

我怎么能做到别人能告诉我的

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

---

你可以这样做

已更新

$（document）.ready（function（）{$（'#textarea'）.keyup（function（））{
如果（$（'#textarea'）.val（）=”（“|$（'#textarea'）.val（）.indexOf（“（”）>0）和&$（'#textarea'）.val（）.lastIndexOf（“''==$（'#textarea'）.val（）.length-1）{
$（'.tagBox'）.show（）；
}否则{
$（'.tagBox'）.hide（）；
}
});
})；

.container{
宽度：300px；
高度：300px；
保证金：0px自动；
边缘顶部：30px；
}
.textarea_wrap{
宽度：100%；
框大小：边框框；
位置：相对位置；
}
.文本{
宽度：100%；
高度：100px；
框大小：边框框；
大纲：无；
边框：1px实心#999999；
}
.标签盒{
宽度：300px；
高度：100px；
背景色：红色；
位置：绝对位置；
顶部：100px；
显示：无；
}

---

您可以这样做

已更新

$（document）.ready（function（）{$（'#textarea'）.keyup（function（））{
如果（$（'#textarea'）.val（）=”（“|$（'#textarea'）.val（）.indexOf（“（”）>0）和&$（'#textarea'）.val（）.lastIndexOf（“''==$（'#textarea'）.val（）.length-1）{
$（'.tagBox'）.show（）；
}否则{
$（'.tagBox'）.hide（）；
}
});
})；

.container{
宽度：300px；
高度：300px；
保证金：0px自动；
边缘顶部：30px；
}
.textarea_wrap{
宽度：100%；
框大小：边框框；
位置：相对位置；
}
.文本{
宽度：100%；
高度：100px；
框大小：边框框；
大纲：无；
边框：1px实心#999999；
}
.标签盒{
宽度：300px；
高度：100px；
背景色：红色；
位置：绝对位置；
顶部：100px；
显示：无；
}

---

您可以这样做

已更新

$（document）.ready（function（）{$（'#textarea'）.keyup（function（））{
如果（$（'#textarea'）.val（）=”（“|$（'#textarea'）.val（）.indexOf（“（”）>0）和&$（'#textarea'）.val（）.lastIndexOf（“''==$（'#textarea'）.val（）.length-1）{
$（'.tagBox'）.show（）；
}否则{
$（'.tagBox'）.hide（）；
}
});
})；

.container{
宽度：300px；
高度：300px；
保证金：0px自动；
边缘顶部：30px；
}
.textarea_wrap{
宽度：100%；
框大小：边框框；
位置：相对位置；
}
.文本{
宽度：100%；
高度：100px；
框大小：边框框；
大纲：无；
边框：1px实心#999999；
}
.标签盒{
宽度：300px；
高度：100px；
背景色：红色；
位置：绝对位置；
顶部：100px；
显示：无；
}

---

您可以这样做

已更新

$（document）.ready（function（）{$（'#textarea'）.keyup（function（））{
如果（$（'#textarea'）.val（）=”（“|$（'#textarea'）.val（）.indexOf（“（”）>0）和&$（'#textarea'）.val（）.lastIndexOf（“''==$（'#textarea'）.val（）.length-1）{
$（'.tagBox'）.show（）；
}否则{
$（'.tagBox'）.hide（）；
}
});
})；

.container{
宽度：300px；
高度：300px；
保证金：0px自动；
边缘顶部：30px；
}
.textarea_wrap{
宽度：100%；
框大小：边框框；
位置：相对位置；
}
.文本{
宽度：100%；
高度：100px；
框大小：边框框；
大纲：无；
边框：1px实心#999999；
}
.标签盒{
宽度：300px；
高度：100px；
背景色：红色；
位置：绝对位置；
顶部：100px；
显示：无；
}

请参见使用正则表达式而不是多个条件：

JS:

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

请参阅使用正则表达式而不是几个条件的：

JS:

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

请参阅使用正则表达式而不是几个条件的：

JS:

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

请参阅使用正则表达式而不是几个条件的：

JS:

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

---

---

你说的自动打开是什么意思，在你的例子中没有关闭？@ZakariaAcharki我是说当你写open paranthesis时.texBox会像hashtag系统一样打开你说的自动打开是什么意思，在你的例子中没有关闭？@ZakariaAcharki我是说当你写open paranthesis时.texBox会像hashtag系统一样打开什么你的意思是自动打开，你的例子中没有关闭？@ZakariaAcharki我的意思是当你写open paranthesis时.texBox会像标签系统一样打开你的意思是自动打开，你的例子中没有关闭？@ZakariaAcharki我的意思是当你写open paranthesis时.texBox会像标签系统一样打开谢谢你r回答，但是.tagBox正在打开我在编写类似

（

然后打开

.tagBox

这意味着

.tagBox

只有在您写打开时才会打开parenthesis@innovation我已经检查了你接受的答案，但这不是完美的工作。我也检查了他的小提琴代码。但是如果你写（在文本之间…它只在textarea为（）时工作，而不与abc一起工作，它将不起作用（事实上，您的答案并不完美。例如，您的答案中的.tagBox从未关闭？同样，当我写第一个开括号时，.tagBox未打开？再次

.tagBox

从未关闭。我看到了您更新的答案，但

.tagBox

从未关闭。感谢您的回答，但是.tagBox正在打开我说的任何文本w。）当你写像

（

然后打开

.tagBox

这样的开括号时，这意味着

.tagBox

只有在你写open时才会打开parenthesis@innovation我检查了你的答案，但这不是完美的工作。我检查了他的小提琴代码