2016-01-12 39 views
1

我有两个文本框#textBox1#textBox2仅将输入的字符从一个文本框复制到另一个文本框

用户将输入到#textBox1和所有的值需要自动复制到#textBox2 [我在这里有一个onkeyup事件]。只复制和粘贴从一个到另一个不是问题。我的要求是用户按spaceenter我的英文单词#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实现这一点?

+0

你研究过这个吗? –

+0

我已经更新了我的答案,我提出了。 –

+1

你能为你的代码提供小提琴 – Meenakshi

回答

2

我想你可以通过这个解决方案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仍然是免费的

+0

已经尝试过。 api已经贬值了。 –

+0

@BhuwanGautam:你的意思是你试过所有的解决方案?有三种解决方案:P –

+0

嗯..尝试第一个。第三个链接不起作用。第二选择看起来很有希会试一试。 –

相关问题