向 UTF 箭头添加功能答案

【问题标题】：Adding functionality to UTF arrow向 UTF 箭头添加功能
【发布时间】：2015-07-28 19:24:33
【问题描述】：

无论如何我可以为这个箭头添加功能吗？

&#x25BC;

我希望它是可点击的，如果点击它可以将输入的值增加一。假设输入框中有 5 的值，如果单击箭头，则该值将显示为 6。

这是可能的还是有更好的方法？

【问题讨论】：

标签： html css input

【解决方案1】：

听起来您可能正在寻找数字输入类型。有关输入类型的列表，请参阅 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input。输入数字的代码是：

&lt;input type="number"&gt;

【讨论】：

那种。我希望箭头始终保持存在，而不是让用户能够通过键入来手动输入数字。

【解决方案2】：

在 HTML 中

<input type="text" readonly id="textbox" />
<a id="increment" style="cursor:pointer;">&#x25BC;</a>

在 Jquery 中，添加这个

$("#increment").click(function(e) {

   var old_val = +$("#textbox").val();
   var increment = +'1'
   var new_val = old_val + increment;
   $("#textbox").val(new_val);
});

这将增加箭头单击时的文本字段值。

【讨论】：

我在这里创建了一个 jsfiddle：jsfiddle.net/h1a3nkx8。此外，我添加了来自stackoverflow.com/a/4407335/4912760 的 CSS 以使箭头无法选择。否则，单击它太快会导致箭头和文本框突出显示。 ://