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

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 仍然免费