在Web開(kāi)發(fā)中，JavaScript是一門(mén)非常重要的編程語(yǔ)言。它可以通過(guò)與HTML和CSS的結(jié)合，使用戶界面更加交互和靈活。在JavaScript中，我們可以處理很多類型的數(shù)據(jù)，包括數(shù)字、字符串、對(duì)象、數(shù)組等等。在本文中，我們將會(huì)詳細(xì)討論在JavaScript中只輸入數(shù)字的問(wèn)題。

在JavaScript中，輸入數(shù)字是非常常見(jiàn)的。那么如何確保用戶只能夠輸入數(shù)字呢？首先，我們可以使用HTML5的input標(biāo)簽中的type屬性限定輸入類型為number。代碼如下：

<input type="number" name="age">

上述代碼會(huì)在頁(yè)面中創(chuàng)建一個(gè)用于輸入年齡的文本框，并限制輸入內(nèi)容只能為數(shù)字。如果用戶輸入了非數(shù)字字符，提示信息會(huì)在文本框下方自動(dòng)彈出。

如果我們想要更細(xì)粒度的控制用戶輸入，比如規(guī)定只能輸入正整數(shù)或固定格式的數(shù)字，我們可以使用JavaScript實(shí)現(xiàn)。下面是一些常見(jiàn)的例子。

1. 輸入正整數(shù)

function onlyIntegers(evt) {
evt = (evt) ? evt : window.event;
var charCode = (evt.which) ? evt.which : evt.keyCode;
if (charCode >31 && (charCode< 48 || charCode >57)) {
evt.preventDefault();
}
}

上述代碼在keypress事件中對(duì)輸入內(nèi)容進(jìn)行了判斷，如果不是0-9的數(shù)字字符，將其阻止掉。

2. 輸入固定格式的數(shù)字

function formatNumber(evt) {
evt = (evt) ? evt : window.event;
var charCode = (evt.which) ? evt.which : evt.keyCode;
var value = evt.currentTarget.value;
if (charCode >31 && charCode< 48 || charCode >57) {
evt.preventDefault();
}
if (charCode !== 8) {
if (value.length === 3 || value.length === 7) {
evt.currentTarget.value = value + "-";
}
}
}

上述代碼在keypress事件中對(duì)輸入內(nèi)容進(jìn)行了判斷，并自動(dòng)在第3位和第7位添加一個(gè)橫杠。如果輸入的內(nèi)容長(zhǎng)度大于等于11，則不能再輸入。

3. 自動(dòng)計(jì)算輸入數(shù)字的乘積

<input type="number" name="num1" oninput="calc()"><br>
<input type="number" name="num2" oninput="calc()"><br>
<input type="number" name="result" readonly>
<script>
function calc() {
var num1 = parseInt(document.getElementsByName("num1")[0].value);
var num2 = parseInt(document.getElementsByName("num2")[0].value);
document.getElementsByName("result")[0].value = num1 * num2;
}
</script>

上述代碼定義了三個(gè)文本框，分別用來(lái)輸入兩個(gè)數(shù)字和計(jì)算結(jié)果。每當(dāng)用戶輸入數(shù)字時(shí)，oninput事件會(huì)自動(dòng)觸發(fā)calc函數(shù)，計(jì)算兩個(gè)數(shù)字的乘積并輸出到結(jié)果文本框中。

其它情況下，如果我們需要實(shí)現(xiàn)更加復(fù)雜的數(shù)字輸入控制，比如限制輸入范圍、限制小數(shù)點(diǎn)位數(shù)等，我們可以使用正則表達(dá)式或第三方的插件庫(kù)來(lái)實(shí)現(xiàn)。總之，在JavaScript中只輸入數(shù)字是一項(xiàng)很重要的技能，它可以保證程序的正確性和用戶體驗(yàn)。