javascript - 仅将输入的字符从一个文本框复制到另一个文本框

Question

我有两个文本框 #textBox1和 #textBox2 .

用户将输入到#textBox1所有值都需要复制到 #textBox2自动 [我有一个 onkeyup事件在这里]。仅从一个复制粘贴到另一个不是问题。我的要求是一旦用户按下 space或 enter我的英语单词来自#textBox1将转换为本地语言，但我只需要 #textBox2 上的英文版本.

请看下面的例子:

textBox1 = "Bhuwan", textBox2="Bhuwan"

一旦用户按下空格键

textBox1 = "भुवन ", textBox2="Bhuwan "

textBox1 = "भुवन Gautam", textBox2="Bhuwan Gautam"

用户再次按下空格键

textBox1 = "भुवन गौतम", textBox2="Bhuwan Gautam"

我使用了以下内容，但如果用户在 #textBox1 上使用退格键，它就不完整了.

$("#textBox1").keyup(function(e) {
            $('#textBox2').val($('#textBox2').val()+String.fromCharCode(e.which));
});

我知道有更好的解决方案。我如何通过 jquery 或 javascript 实现这一点？

Answer 1

我想你可以通过这个解决方案Click

我会强调一些要点。

使用谷歌翻译 API。便于使用。例如，以下将西类牙语翻译成英语。要从其他语言翻译成其他语言，只需更改“es”和“en”

google.load("language", "1");

function initialize() {
    var content = document.getElementById('content');
    content.innerHTML = '<div id="text">Hola, me alegro mucho de verte.<\/div><div id="translation"/>';
    var text = document.getElementById("text").innerHTML;
    google.language.translate(text, 'es', 'en', function(result) {
        var translated = document.getElementById("translation");
        if (result.translation) {
            translated.innerHTML = result.translation;
        }
    });
}
google.setOnLoadCallback(initialize);

尝试谷歌翻译:http://code.google.com/apis/language/translate/overview.html

您也可以使用这个JQuery 插件 http://www.openxrest.com/translatejs

您可以使用bing 翻译 .. http://setahost.com/bing-translate-api-with-jquery-ajax/ Bing API 仍然免费