我有一些计算器,我需要在输入中插入.num-pad_number.html()
。这是正确的方法:
$("#num-pad").on("click", ".num-pad_number", function (event) {
$("#calc-input").val($("#calc-input").val() + $(this).html());
});
或者它可能更方便和正确的方式?我有一些关于该解决方案的错误。在使用websockets进行一些操作后,"计算器"开始复制每个数字,例如我需要" 5"但它插入" 55"。
答案 0 :(得分: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>