Question

这有点难以解释。好吧，我有这个文字输入（＆＃34; textmoney＆＃39;），你输入一个数字，它将给出一年的估计金额。因此，当一个人输入他们的号码和点击输入时，他们可以看到他们的答案。让我们说他们想要输入另一个数字，以便他们退回文本输入中的所有数字，直到没有任何数字。基本上我想拥有它，所以当数字不再在文本输入框中时，它们的第一个数字的答案就会消失。对不起，如果你不明白我想说的话，因为我真的不知道怎么解释这个。（例如：当您在google中输入内容并决定输入其他内容时，您会删除所输入的内容并且搜索结果会消失。）

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script>
    $('#textmoney').keydown(function (e){
    if(event.keyCode == 13){
        moneyFunction();
    }})

    $(document).keydown(function (e) {
        if(event.keyCode == 82) {
            reloadFunction();
    }})

    $(document).ready(function() {
        $('#textmoney').keydown(function() {
            $('#redotext').css('visibility', 'visible');
    })})

    $('#textmoney').mouseover(function() {
        $('#textmoney').css('border', '1px solid black');
    $('#textmoney').mouseout(function() {
        $('#textmoney').css('border', '1px solid grey');
    })})
    </script>

    <script>
    function moneyFunction() {
        var money = document.getElementById('textmoney').value;
        var dailyE = money/365;

        document.getElementById('demo').innerHTML = ("$" + dailyE + " " + "per day");


    if ( document.getElementById('textmoney').value == 0) {
        document.getElementById('demo').innerHTML = "You aint enter no chang";
    }
    }   //Function tag

    function reloadFunction() {
        location.reload();
    }
    </script>

Answer 1

以下是我如何重新排序以满足您的要求并使其更容易阅读。

$(document).ready(function() {

    var $demo = $('#demo');
    var $textMoney = $('#textmoney')
    .keyup(function(e) {
        if (e.keyCode === 13) {
            var money = $(this).val();
            if (isNaN(money) || money === '') {
                $demo.text('You ainy enter no chang');
            } else {
                var dailyE = $(this).val() / 365;
                $demo.text('$' + dailyE + ' per day');
            }
        } else if ($(this).val() === '') {
            $demo.text('');
        }
    }).mouseover(function() {
        $(this).css('border', '1px solid black');
    }).mouseout(function() {
        $(this).css('border', '1px solid grey');
    });

});

JSFiddle：https://jsfiddle.net/ws6cosh4/1/

Answer 2

我想我知道你的意思。是这样的吗？

http://jsfiddle.net/m8oef0ju/

$("#textmoney").on('input',function () {
    $("#answer").hide();
});

Answer 3

简单的文本框输入事件检查它是否为空。如果它为空，则删除数据。

$("#textbox").on('input',function() {
    if(("#textbox").val().length() == 0){
      //your code goes here.
    }
});

Answer 4

var textbox = document.getElementById("textbox")

textbox.addEventListener('input', function(event) {
    event.preventDefault();

    if (!!textbox.length) {
        //enter code here
    }
})

不知道如何编写这个jQuery代码

4 个答案: