使用輸入創建自己的數字鍵盤

我一直在網上搜索一些關於如何使用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

使用輸入創建自己的數字鍵盤

回答

相關問題