javascript - 将按钮值插入我的输入的正确方法(jQuery)

Question

我有某种计算器，我需要将 .num-pad_number.html() 插入我的输入中。这是正确的方法吗:

$("#num-pad").on("click", ".num-pad_number", function (event) {
    $("#calc-input").val($("#calc-input").val() + $(this).html());
});

或者这可能是更方便和正确的方法？因为我对该解决方案有一些错误。使用 websockets 进行一些操作后，“计算器”开始复制每个数字，例如我需要“5”，但它插入“55”。

Answer 1

稍作修改。使用 .text() 而不是 .html()。较短的事件函数。下面的工作示例:

$('#num_pad .num-pad_number').click(function() {
  $("#calc-input").val($("#calc-input").val() + $(this).text());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input id="calc-input" type="text"/>

<div id="num_pad">
  <button class="num-pad_number">1</button>
  <button class="num-pad_number">2</button>
  <button class="num-pad_number">3</button>
  <button class="num-pad_number">4</button>
  <button class="num-pad_number">5</button>
  <button class="num-pad_number">6</button>
  <button class="num-pad_number">7</button>
  <button class="num-pad_number">8</button>
  <button class="num-pad_number">9</button>
</div>