如何在JavaScript代码上删除OnKeyup

发布于 2025-02-10 11:23:45 字数 1673 浏览 1 评论 0原文

当我尝试在USD输入上添加value =“ 444”的特定值，它不会转换为其他值 eth ，它仅在我手动输入金额时才能工作。在代码中已经指定的值时，该如何转换

<!DOCTYPE html>
<html>
<head>
    <style>
        
    </style>
    <script src="/scripts/snippet-javascript-console.min.js?v=1"></script>
</head>
<body>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="number" name="eth" class="currencyField" placeholder="ETH">
      <div class="arrow" style="margin: 0 10px";>=</div>
      <input type="number" name="usd" value="444" class="currencyField" value="" placeholder="USD">
    </div><span id="price"></span>
    <script type="text/javascript">
         $(".currencyField").keyup(function(){ //input[name='calc']
 let convFrom;
 if($(this).prop("name") == "eth") {
       convFrom = "eth";
       convTo = "usd";
 }
 else {
       convFrom = "usd";
       convTo = "eth";
 }
 $.getJSON( "https://api.coingecko.com/api/v3/coins/markets?vs_currency=usd&ids=ethereum", 
    function( data) {
    var origAmount = parseFloat($("input[name='" + convFrom + "']").val());        
    var exchangeRate = parseInt(data[0].current_price);
    let amount;
    if(convFrom == "eth")
       amount = parseFloat(origAmount * exchangeRate);
    else
       amount = parseFloat(origAmount/ exchangeRate); 
    $("input[name='" + convTo + "']").val(amount.toFixed(2));
    price.innerHTML = amount
    });
});
    </script>
</body>
</html>

原文

when i try to add a specific value with value="444" on the usd input it does not convert to the other value eth it's only working when i enter manually the amount. how can i convert when it's value already specified in the code

<!DOCTYPE html>
<html>
<head>
    <style>
        
    </style>
    <script src="/scripts/snippet-javascript-console.min.js?v=1"></script>
</head>
<body>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="number" name="eth" class="currencyField" placeholder="ETH">
      <div class="arrow" style="margin: 0 10px";>=</div>
      <input type="number" name="usd" value="444" class="currencyField" value="" placeholder="USD">
    </div><span id="price"></span>
    <script type="text/javascript">
         $(".currencyField").keyup(function(){ //input[name='calc']
 let convFrom;
 if($(this).prop("name") == "eth") {
       convFrom = "eth";
       convTo = "usd";
 }
 else {
       convFrom = "usd";
       convTo = "eth";
 }
 $.getJSON( "https://api.coingecko.com/api/v3/coins/markets?vs_currency=usd&ids=ethereum", 
    function( data) {
    var origAmount = parseFloat($("input[name='" + convFrom + "']").val());        
    var exchangeRate = parseInt(data[0].current_price);
    let amount;
    if(convFrom == "eth")
       amount = parseFloat(origAmount * exchangeRate);
    else
       amount = parseFloat(origAmount/ exchangeRate); 
    $("input[name='" + convTo + "']").val(amount.toFixed(2));
    price.innerHTML = amount
    });
});
    </script>
</body>
</html>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

枫林﹌晚霞¤ 2025-02-17 11:23:45

首先尝试

   <script type="text/javascript">
      $(document).ready(function () {
        function getJSONData() {
          if ($(this).prop("name") == "eth") {
            convFrom = "eth";
            convTo = "usd";
          } else {
            convFrom = "usd";
            convTo = "eth";
          }
          $.getJSON("https://api.coingecko.com/api/v3/coins/markets?vs_currency=usd&ids=ethereum", function (data) {
            var origAmount = parseFloat($("input[name='" + convFrom + "']").val());
            var exchangeRate = parseInt(data[0].current_price);
            let amount;
            if (convFrom == "eth") amount = parseFloat(origAmount * exchangeRate);
            else amount = parseFloat(origAmount / exchangeRate);
            $("input[name='" + convTo + "']").val(amount.toFixed(2));
            price.innerHTML = amount;
          });
        }

        getJSONData();

        $(".currencyField").keyup(function () {
          //input[name='calc']

          getJSONData();
        });
      });
    </script>

一下，您必须将功能更改为keyup，因为我们不这样做。输入值时，该功能起作用。

Try this

   <script type="text/javascript">
      $(document).ready(function () {
        function getJSONData() {
          if ($(this).prop("name") == "eth") {
            convFrom = "eth";
            convTo = "usd";
          } else {
            convFrom = "usd";
            convTo = "eth";
          }
          $.getJSON("https://api.coingecko.com/api/v3/coins/markets?vs_currency=usd&ids=ethereum", function (data) {
            var origAmount = parseFloat($("input[name='" + convFrom + "']").val());
            var exchangeRate = parseInt(data[0].current_price);
            let amount;
            if (convFrom == "eth") amount = parseFloat(origAmount * exchangeRate);
            else amount = parseFloat(origAmount / exchangeRate);
            $("input[name='" + convTo + "']").val(amount.toFixed(2));
            price.innerHTML = amount;
          });
        }

        getJSONData();

        $(".currencyField").keyup(function () {
          //input[name='calc']

          getJSONData();
        });
      });
    </script>

First of all, you must change the function out of keyup, because we don't do it. The function works when you enter value.

回复收藏 0 原文

~没有更多了~