Javascript 清除文本区域框后，恢复到文本区域框的开头

我有一个文本区域，在用户点击enter键后，我会将其清除。我想将光标重置为文本区域的开头，但由于某些原因，它被放置在第二行的开头，并在第二次按Enter键时返回一个空行和文本。第二次按Enter键时，文本将被清除，插入符号保留在第二行，只有第一次它才会转到第二行

$(function(){
    var chatArea;
    chatArea = $("#chattingArea").keypress(function(event){
        if(event.which === 13){
            console.log($("#theTextbox").val());
            $("#theTextbox").val("");
            $("#theTextbox")[0].setSelectionRange(0, 0);
        }
    });
});

<div id="chattingArea">
    <textarea id="theTextbox"></textarea>
</div>
<div id="chat">

</div>

<script src="bower_components/jQuery/dist/jquery.min.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="bower_components/jquery-ui/ui/minified/jquery-ui.min.js"></script>
<script src="chatApp.js"></script>
</body>

HTML:

<div id="chattingArea">
    <textarea id="theTextbox"></textarea>
</div>
<div id="chat">

</div>

<script src="bower_components/jQuery/dist/jquery.min.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="bower_components/jquery-ui/ui/minified/jquery-ui.min.js"></script>
<script src="chatApp.js"></script>
</body>

` 聊天应用

<div id="chattingArea">
    <textarea id="theTextbox"></textarea>
</div>
<div id="chat">

</div>

<script src="bower_components/jQuery/dist/jquery.min.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="bower_components/jquery-ui/ui/minified/jquery-ui.min.js"></script>
<script src="chatApp.js"></script>
</body>

---

`

使用

keyup

而不是

keypress

来防止调用文本区域中的本机

keypress

事件

<div id="chattingArea">
    <textarea id="theTextbox"></textarea>
</div>
<div id="chat">

</div>

<script src="bower_components/jQuery/dist/jquery.min.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="bower_components/jquery-ui/ui/minified/jquery-ui.min.js"></script>
<script src="chatApp.js"></script>
</body>

HTML

<div id="chattingArea">
    <textarea id="theTextbox"></textarea>
</div>
<div id="chat">

</div>

<script src="bower_components/jQuery/dist/jquery.min.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="bower_components/jquery-ui/ui/minified/jquery-ui.min.js"></script>
<script src="chatApp.js"></script>
</body>

<textarea rows="4" cols="50" id="chat">
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies. 
</textarea>

---

你也可以提供HTML吗？<代码>键按下< /代码>意思是在键被释放之后附加了字符，或者在事件处理程序中使用<代码>返回false <代码>或使用<代码> KEYUP 。请考虑引用而不是W3Chans.但是我不使用Mozilla Fifxx，我也不是强制的；但他们的文档非常出色。而且准确，没有W3Schools.lol.的明显错误和可怕的过时做法/建议。。我一直以为这是为firefox开发者准备的。。好的，我去看看。非常感谢。

<div id="chattingArea">
    <textarea id="theTextbox"></textarea>
</div>
<div id="chat">

</div>

<script src="bower_components/jQuery/dist/jquery.min.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="bower_components/jquery-ui/ui/minified/jquery-ui.min.js"></script>
<script src="chatApp.js"></script>
</body>