使用 jQuery 或 Javascript 实时转换货币答案

【问题标题】：Convert currencies in real time using jQuery and or Javascript使用 jQuery 或 Javascript 实时转换货币
【发布时间】：2014-04-05 06:51:13
【问题描述】：

http://jsfiddle.net/6mMUs/

我想输入欧元、美元和英镑的实时汇率。

<input type="text" id="eurorate" style="margin-bottom:15px;"> Euros <br />
<input type="text" id="dollarrate" style="margin-bottom:15px;"> Dollars <br />
<input type="text" id="poundrate" style="margin-bottom:15px;"> Pounds

为这 3 种货币中的每一种分配一个乘数并让它们实时响应任何输入的变化的正确方法是什么？

例如，如果一美元是 0.75 欧元和 0.60 英镑，当我在美元字段中输入“1”时，其他字段在转换为其他货币时应该显示正确的值。

我尝试使用 setInterval 执行此操作，但它不是真正实时的，我想知道使用 keyup 或类似方法的正确替代方法是什么。

感谢任何帮助。

【问题讨论】：

标签： javascript jquery html currency

【解决方案1】：

在您的输入字段上使用onkeyup 事件，当事件触发时您更新其他的。

【讨论】：

应该对所有输入使用相同的功能吗？
是的，但是该函数应该包括检查事件来自哪个输入，并且只更新其他输入。
这行得通吗？ onKeyUp="updateRates(this)" 然后函数 updateRates(inputid) { }
对不起，应该是 onKeyUp="updateRates(this.id)" 然后函数 updateRates(inputid) { }
呃...我会亲自通过this。

【解决方案2】：

一种简单的货币兑换方法

            <html>
        <head>
        <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
         <script>
        function changeTo(toType){
        
          
          if(toType=="Pound")
                cvrate = 0.86;
          else
                cvrate = 0.78;      
                
                        
          $(".currency_change").each(function (index, element) {
               var og_val  = $(this).data("og-value");
               var cvd_val = (og_val*cvrate).toFixed(2);
               return $(this).html(cvd_val);  
            });
            }
        </script>  
        
        </head>
        <body>
        <br /><span class="currency_change" data-og-value="1254">1254</span>
        <br /><span class="currency_change" data-og-value="145">145</span>
        <br /><span class="currency_change" data-og-value="54">54</span>
        <br /><span class="currency_change" data-og-value="254">254</span>
        <br /><span class="currency_change" data-og-value="147">147</span><br />
        <button onClick="changeTo('Pound');">Conver To Pound</button>
        <button onClick="changeTo('Euro');">Conver To Euro</button>
        </body>
        </html>

【讨论】：

请不要在多个问题中添加the same answer。回答最好的一个并将其余的标记为重复。见Is it acceptable to add a duplicate answer to several questions?