不知道如何编写这个 jQuery答案

【问题标题】：Don't know how to code this jQuery不知道如何编写这个 jQuery
【发布时间】：2015-02-23 01:03:31
【问题描述】：

这有点难以解释。好的，所以我有这个文本输入（“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>

【问题讨论】：

标签： javascript jquery html

【解决方案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/

【讨论】：

@Sicky23，如果这个答案解决了你的问题，请考虑接受它（stackoverflow.com/help/someone-answers）

【解决方案2】：

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

http://jsfiddle.net/m8oef0ju/

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

【讨论】：

【解决方案3】：

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

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

【讨论】：

【解决方案4】：

var textbox = document.getElementById("textbox")

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

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

【讨论】：