使用输入创建自己的数字键盘

我一直在网上搜索一些关于如何使用HTML代码创建自己的数字键盘作为数字键盘在电脑上使用的技巧。使用输入创建自己的数字键盘

我在我的网站上有这个数字键盘，可以给同一个div中的文本字段提供输入。我给每个按钮赋予了一个值，现在我想我将不得不创建更多的东西，这样数字才会添加到我的文本字段中。

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

来源

2013-05-10 user2369286

你需要更具体的问题 - 告诉我们什么是不工作，给我们的代码。 – Mateusz 2013-05-10 09:07:39

他正在问的是，他刚刚接触网络技术，正在寻找链接/建议/示例代码的做法和去哪里 – 2013-05-10 09:22:04

你有没有试图搜索谷歌相同的东西。 – 2013-05-10 09:28:19

你可以用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/

这样做是：当你点击与 'buttonContainer' 的ID在DIV中的任何按钮，它增加了值为“myDiv”的ID的div。

的Javascript问题，如果你想有一个很好的指导：http://javascript.info/

来源

2013-05-10 09:16:58 frrlod

你需要的是学习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-10 08:56:40

你可以尝试http://keith-wood.name/keypad.html keypad example，这是一个真棒例子

来源

2013-05-10 09:26:50

这是我正在寻找的，将试用它！谢谢！ – user2369286 2013-05-13 11:28:09

$(document).ready(function(){ 
var selected; 
$(".admin_loginid input").focus(function(){ 
    selected = $(this); 
}); 

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

});

解决它的方式和它的作品真的很好，谢谢您的帮助！现在我选择的输入框从我创建的数字键盘输入。

来源

2013-05-16 09:45:20 user2369286

使用输入创建自己的数字键盘

回答

相关问题