1

我一直在网上搜索有关如何制作自己的小键盘（使用 html 代码创建）以在计算机上充当小键盘的一些技巧。

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

我真的是一个编程初学者，所以也许这真的很容易。谢谢您的帮助！

4

4 回答 4

0

您可以尝试http://keith-wood.name/keypad.html键盘示例，这是一个很棒的示例

于 2013-05-10T09:26:50.520 回答
0

你需要的是学习javascript。使用 javascript，您将能够编写代码来执行此操作。

<script>

   function AddValueToTextField(val)
   {
      document.getElementByID( <textfiled ID> ).value += val;
   }

</script>

<button onClick="AddValueToTextField(this.value)"></button>

这只是非常基本的，但它是需要什么的粗略概念，按钮设置为在单击时调用函数“AddValueToTextField”。当函数被调用时，按钮的值会随之发送。在函数内部，它获取文本字段的句柄并将按钮的值添加到已经存在的任何内容中，我建议查看：

http://www.w3schools.com/js/

作为开始学习javascript的地方。

于 2013-05-10T08:56:40.867 回答
0 
$(document).ready(function(){
var selected;
$(".admin_loginid input").focus(function(){
    selected = $(this);
});

$(".loginbtn").click(function(){
    selected.val(selected.val() + $(this).val());
});

});

以这种方式解决了它并且效果很好，感谢您的帮助！现在我选择的输入框从我创建的数字键盘中获取输入。

于 2013-05-16T09:45:20.543 回答
0

您也可以使用 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/

于 2013-05-10T09:16:58.797 回答