Question

我想创建一个类似于twitter系统的hastag系统。我已经开发了一些代码，但我仍有一些问题。

在此链接中，您可以看到代码：https://jsfiddle.net/prd3uf8r/1/

HTML

<form id="newPost">
    <div id="tagSystem"
         placeholder="Your Post..."
         style="width: 100%; height: 150px; padding: 5px 7px; overflow-y: auto; border: 1px solid black"
         contenteditable="true"
         value=""></div>
    <input type="submit" value="comment" class="btn" id="btn-create" />
</form>

1º问题。如果最后的用户创建了一个＃标签并且没有按空格，我将提交一个输入。我需要知道当用户提交表单时如何在空间中“自动点击”。

 $("#newPost").on('submit', function(){
    // auto press space key to create the last tag if the user dont press the key
})

2º如果用户尝试编辑标签，用户编辑标签后按下空格键后的文字应为正常颜色，而不是蓝色。

3º有时如果用户输入快，标签可以有空格，我不想允许。

4ª如果我创建标签并删除所有文本，当用户点击＃系统不起作用时，最后是somne时间

感谢您的时间和帮助

像twitter一样创建hastag系统

0 个答案: