Javascript 在jQuery中模拟实时类型

我试图编写一个脚本，将输入的当前值（int）转换为单词

var th = ['', 'thousand', 'million', 'billion', 'trillion'];
var dg = ['zero', 'one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight', 'nine'];
var tn = ['ten', 'eleven', 'twelve', 'thirteen', 'fourteen', 'fifteen', 'sixteen', 'seventeen', 'eighteen', 'nineteen'];
var tw = ['twenty', 'thirty', 'forty', 'fifty', 'sixty', 'seventy', 'eighty', 'ninety'];

function toWords(s) {
    s = s.toString();
    s = s.replace(/[\, ]/g, '');
    if (s != parseFloat(s)) return 'You must enter a number';
    var x = s.indexOf('.');
    if (x == -1) x = s.length;
    if (x > 15) return 'too big';
    var n = s.split('');
    var str = '';
    var sk = 0;
    for (var i = 0; i < x; i++) {
        if ((x - i) % 3 == 2) {
            if (n[i] == '1') {
                str += tn[Number(n[i + 1])] + ' ';
                i++;
                sk = 1;
            }
            else if (n[i] != 0) {
                str += tw[n[i] - 2] + ' ';
                sk = 1;
            }
        }
        else if (n[i] != 0) {
            str += dg[n[i]] + ' ';
            if ((x - i) % 3 == 0) str += 'hundred ';
            sk = 1;
        }
        if ((x - i) % 3 == 1) {
            if (sk) str += th[(x - i - 1) / 3] + ' ';
            sk = 0;
        }
    }
    if (x != s.length) {
        var y = s.length;
        str += 'point ';
        for (var i = x + 1; i < y; i++) str += dg[n[i]] + ' ';
    }
    return str.replace(/\s+/g, ' ');
    return false;
}


var input = $('#numbers'),
    label = $('.words'),
    converted = toWords(input.val());

input.bind('keyup keydown', function() {
    converted = toWords(this.value)
    setTimeout(function() {
        label.empty().text(converted);
    }, 1000);
});​

var th=[''‘千’、‘百万’、‘十亿’、‘万亿’]；
var dg=[‘零’、‘一’、‘二’、‘三’、‘四’、‘五’、‘六’、‘七’、‘八’、‘九’]；
变量tn=['十'、'十一'、'十二'、'十三'、'十四'、'十五'、'十六'、'十七'、'十八'、'十九']；
var tw=['二十'、'三十'、'四十'、'五十'、'六十'、'七十'、'八十'、'九十']；
对单词的功能{
s=s.toString（）；
s=s.替换（/[\，]/g，）；
如果（s！=parseFloat（s））返回“您必须输入一个数字”；
var x=s.indexOf（'.'）；
如果（x==-1）x=s.length；
如果（x>15）返回“太大”；
var n=s.分割（“”）；
var-str=''；
var-sk=0；
对于（变量i=0；i

在这一点上，我能够实时输入我输入的任何内容，但一旦我通过toWords函数发送它，它就会获取加载页面时给出的输入值

换句话说，它不会用我输入的新数字更新输入字段的值，然后将其转换为单词

var th = ['', 'thousand', 'million', 'billion', 'trillion'];
var dg = ['zero', 'one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight', 'nine'];
var tn = ['ten', 'eleven', 'twelve', 'thirteen', 'fourteen', 'fifteen', 'sixteen', 'seventeen', 'eighteen', 'nineteen'];
var tw = ['twenty', 'thirty', 'forty', 'fifty', 'sixty', 'seventy', 'eighty', 'ninety'];

function toWords(s) {
    s = s.toString();
    s = s.replace(/[\, ]/g, '');
    if (s != parseFloat(s)) return 'You must enter a number';
    var x = s.indexOf('.');
    if (x == -1) x = s.length;
    if (x > 15) return 'too big';
    var n = s.split('');
    var str = '';
    var sk = 0;
    for (var i = 0; i < x; i++) {
        if ((x - i) % 3 == 2) {
            if (n[i] == '1') {
                str += tn[Number(n[i + 1])] + ' ';
                i++;
                sk = 1;
            }
            else if (n[i] != 0) {
                str += tw[n[i] - 2] + ' ';
                sk = 1;
            }
        }
        else if (n[i] != 0) {
            str += dg[n[i]] + ' ';
            if ((x - i) % 3 == 0) str += 'hundred ';
            sk = 1;
        }
        if ((x - i) % 3 == 1) {
            if (sk) str += th[(x - i - 1) / 3] + ' ';
            sk = 0;
        }
    }
    if (x != s.length) {
        var y = s.length;
        str += 'point ';
        for (var i = x + 1; i < y; i++) str += dg[n[i]] + ' ';
    }
    return str.replace(/\s+/g, ' ');
    return false;
}


var input = $('#numbers'),
    label = $('.words'),
    converted = toWords(input.val());

input.bind('keyup keydown', function() {
    converted = toWords(this.value)
    setTimeout(function() {
        label.empty().text(converted);
    }, 1000);
});​

---

有什么想法吗

必须使用输入的新值更新转换后的变量

$(document).ready(function(){
    input.bind('keyup', function() {
        setTimeout(function() {
            converted = toWords(input.val());
            label.append(converted);
    }, 500);
    });
});

---

演示：

添加对

toWords

的调用，并在附加事件中传递当前输入值

input.bind('keyup keydown', function() {
    converted = toWords(this.value)
    setTimeout(function() {
        label.empty().text(converted);
    }, 1000);
});​

---

您需要确保在每次值更改时更新

converted

（在本例中，您将挂接到关键事件，因此可以在那里执行）。像这样：

var input = $('#numbers'),
    label = $('.words'),
    converted;

input.bind('keyup keydown', function() {
    converted = toWords(input.val());
    setTimeout(function() {
        label.empty().text(converted);
    }, 1000);
});​

---

这似乎解决了我的问题。

我可以建议您作为最终答案。

您应该缩进代码。我个人并不喜欢所有的一行程序，但这不是强制性的。是的，这是一些快速和肮脏的复制/粘贴。。。这部分代码或多或少是不相关的，但我将在下次格式化它。谢谢，非常感谢+1在允许的情况下回答。