javascript - 使用输入创建自己的小键盘

Question

我一直在网上搜索一些关于如何制作自己的小键盘(使用 html 代码创建)的提示，以充当计算机上的小键盘。

我的网站上有这个数字键盘，可以为同一 div 中的文本字段提供输入。我已经为每个按钮指定了一个值，现在我想我必须创建更多内容，以便将数字添加到我的文本字段中。

我真的是一个编程初学者，所以也许这真的很简单。感谢您的帮助!

Answer 1

您也可以使用 jQuery 来完成此操作。恕我直言，如果您需要一个简单的解决方案，jQuery 会更好(jQuery 通常更容易、更快)。

HTML:

<div id="myDiv"> </div> //the div to which we add text

<div id="buttonContainer">           //this is the div containing the numbers (the numpad)
<button value="one"> one </button>
<button value="two"> two </button> 
</div>

jQuery:

$("#buttonContainer button").click(function() {
   $("#myDiv").append($(this).val());
});

http://jsfiddle.net/DLzUU/1/

它的作用是:当您单击 id 为“buttonContainer”的 div 内的任何按钮时，它会将其值添加到 id 为“myDiv”的 div 中。

关于 Javascript 主题，如果您想要一个非常好的指南:http://javascript.info/