Question

我希望有欧元，美元和英镑的实时汇率输入。

<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或类似的东西的正确选择。

感谢任何帮助。

Answer 1

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

Answer 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>

使用jQuery和/或Javascript实时转换货币

2 个答案: