js控制输入框

// 获取输入框元素
var inputElement = document.getElementById('myInput');

// 获取输入框的值
var inputValue = inputElement.value;

// 设置输入框的值
inputElement.value = '新的值';

// 监听输入框的input事件
inputElement.addEventListener('input', function(event) {
  console.log('输入框的值变为：', event.target.value);
});

// 假设我们要验证输入框只能输入数字
inputElement.addEventListener('input', function(event) {
  var value = event.target.value;
  if (!/^\d*$/.test(value)) {
    // 如果不是纯数字，将最后一个字符移除
    event.target.value = value.slice(0, -1);
  }
});

document.addEventListener('DOMContentLoaded', function() {
  var inputElement = document.getElementById('myInput');
  console.log(inputElement.value); // 获取值
  inputElement.value = '新的值'; // 设置值
});

inputElement.addEventListener('input', function(event) {
  console.log('输入框的值变为：', event.target.value);
});