javascript - 不知道如何编码这个jQuery

这有点难以解释。好的，所以我有这个文本输入（“ textmoney”），您在其中输入数字，它将给出一年的估计收入。因此，当一个人输入其数字并点击时，他们可以看到他们的答案。说他们想输入另一个数字，以便他们将文本输入中的所有数字都退格，直到没有任何内容为止。基本上，我想拥有它，因此当数字不再位于文本输入框中时，第一个数字的答案就消失了。抱歉，如果您不明白我要说的是什么，因为我真的不知道如何解释。（例如：当您在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>

最佳答案

这是我将对此重新排序的方式，以满足您的要求，并使它更易于阅读。

$(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/

关于javascript - 不知道如何编码这个jQuery，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28665494/