js文本框每点击一次,文本框内数字增加1
时间: 2024-03-10 13:46:23 浏览: 73
点击按钮,文本框内数字增减
4星 · 用户满意度95%
你可以通过监听文本框的 `click` 事件,在事件处理函数中将文本框内数字加1。以下是一个示例代码:
HTML:
```html
<input type="text" id="myInput" value="0">
```
JavaScript:
```javascript
const myInput = document.getElementById('myInput');
myInput.addEventListener('click', () => {
const currentValue = Number(myInput.value);
myInput.value = currentValue + 1;
});
```
在上面的代码中,我们首先获取了文本框元素 `myInput`,然后为其添加了 `click` 事件的监听函数。当文本框被点击时,事件处理函数会将当前文本框内的数字加1,并将新的值赋给文本框。其中,我们使用了 `Number()` 函数来将文本框的值转换为数字类型,以便进行加法运算。
阅读全文