Javascript 仅在首次使用oninput时调用函数

我有一个数字输入字段，我想像这样在oninput上调用一个函数

函数onInput（）{ $（'.左箭头'）。单击（函数（e）{ $（“.cancelButton”）.animate({ “字体大小”：“1.1rem”， “颜色”：“F656” }, 300); e、 预防默认值（）； }); }

---

我不会说这是最好的方法。相反，您可以使用某种类型的

标志

变量，该变量在单击按钮时设置为true，单击处理程序将检查该变量是否为true，否则返回

var isActivated = false;

function onInput() {
  isActivated = true;
}

$('.left-arrow').click(function(e) {
  if (!isActivated)
    return;
  $(".cancelButton").animate({
    "font-size": "1.1rem",
    "color": "#f65656"
  }, 300);
  e.preventDefault();
});

---

我不会说这是最好的办法。相反，您可以使用某种类型的

标志

变量，该变量在单击按钮时设置为true，单击处理程序将检查该变量是否为true，否则返回

var isActivated = false;

function onInput() {
  isActivated = true;
}

$('.left-arrow').click(function(e) {
  if (!isActivated)
    return;
  $(".cancelButton").animate({
    "font-size": "1.1rem",
    "color": "#f65656"
  }, 300);
  e.preventDefault();
});

---

每次单击左箭头时，只需检查是否有输入

$('.left-arrow' ).click(function(e) {
  e.preventDefault();
  if ($('#numberInput').val()) {
    $(".cancelButton").animate({
      "font-size": "1.1rem",
      "color": "#f65656"
    }, 300);
  }
});

---

每次单击左箭头时，只需检查是否有输入

$('.left-arrow' ).click(function(e) {
  e.preventDefault();
  if ($('#numberInput').val()) {
    $(".cancelButton").animate({
      "font-size": "1.1rem",
      "color": "#f65656"
    }, 300);
  }
});

---

您可以使用JQuery

one（）

触发器：

$("#numberInput").one("input",function(){
    $('.left-arrow' ).click(function(e) {
        $(".cancelButton").animate({
          "font-size": "1.1rem",
          "color": "#f65656"
        }, 300);
        e.preventDefault();
    });  
});

仅附加事件一次

演示片段：

$（“#numberInput”）.one（“输入”，函数（）{
$（“#btnOk”）。单击（函数（）{
log（“每次单击仅触发一次！”）；
});
});

点击我
您可以使用JQuery
one（）
触发器：

$("#numberInput").one("input",function(){
    $('.left-arrow' ).click(function(e) {
        $(".cancelButton").animate({
          "font-size": "1.1rem",
          "color": "#f65656"
        }, 300);
        e.preventDefault();
    });  
});

仅附加事件一次

演示片段：


$（“#numberInput”）.one（“输入”，函数（）{
$（“#btnOk”）。单击（函数（）{
log（“每次单击仅触发一次！”）；
});
});

点击我谢谢你的评论，但不是。不，我想在开始键入数字时调用该函数。所以onfocus/blur不是我想要的。谢谢你的评论，但不是。不，我想在开始键入数字时调用该函数。所以onfocus/blur不是我想要的。在de-input字段中已经有数字（值）。必须保持这样。我想调用onInput（）；更改数字时函数。de输入字段中已存在数字（值）。必须保持这样。我想调用onInput（）；当您更改号码时，此函数将起作用。谢谢Matheus！我想这就是我要找的。谢谢马修斯！我想这就是我要找的。