javascript - 提交输入值后清除输入

Question

我有一个网页，用于远程更新值。更具体地说，一方面，我有一个连接到互联网的屏幕，其中有一个小字段，上面写着(正在服务:##)，而在另一侧，我有一个平板电脑连接到互联网，其中有一个网页，用于将值推送到屏幕并更新它。一切看起来都不错，除了以下几点:在提交值后清除输入字段，以便我可以在其中输入另一个数字，而无需手动清除它

下面是我的 HTML 代码

<div id="container">
<div id="logoDiv"></div>
    <h3>Type the number in the box</h3>
    <div class="theWork">
        <div id="formDiv">
            <FORM NAME="test" class="theForm">
                Now Serving:    <input type="text" name="msg1" class="testingHuss" id="theOrderBox" autofocus ><br>
            </FORM>
        </div>
        <div id="onScreenDiv"><span id="onscreen"></span></div>
    </div>
</div>

这是我的 JavaScript 代码

    $(document).ready(function() {
    $('.testingHuss').keydown(function(event) {
        if (event.keyCode == 13) {
        sendCommand("galaxy.signage.me", "wmt_huss", "husshuss", "3", "nowServing", document.test.msg1.value);
        document.getElementById('onscreen').innerHTML = document.test.msg1.value;
            return false;

         }
    });
}); 

Answer 1

由于您使用的是 Jquery，因此您可以这样做:

$(document).ready(function() {
    $('.testingHuss').keydown(function(event) {
        if (event.keyCode == 13) {
            //Do Necesary stuff when enter was pressed.
            $(event.currentTarget).val('');            
        }
    });
}); 

fiddle :https://jsfiddle.net/fgqs4hzb/