js 监听 input 是否有值

您可以使用 `addEventListener` 监听 `input` 的 `input` 事件，然后在事件处理程序中获取 `input` 元素的值，判断是否有值即可。示例代码如下：

const input = document.querySelector('input');

input.addEventListener('input', event => {
  if (event.target.value.trim().length > 0) {
    console.log('输入框有值');
  } else {
    console.log('输入框没有值');
  }
});

在这个示例中，我们使用 `querySelector` 方法获取页面中的 `input` 元素，并使用 `addEventListener` 方法在它上面添加一个 `input` 事件监听器。在事件处理程序中，我们通过 `event.target.value` 获取输入框的值，并使用 `trim` 方法去掉前后空格。然后判断字符串的 `length` 是否大于 0，即可确定输入框是否有值。

相关问题

js 怎么监听 input值

可以使用addEventListener方法来监听input值的变化，具体的js代码如下：

var inputEle = document.querySelector('input');
inputEle.addEventListener('input', function(e) {
  console.log(e.target.value); //获取input的值
});

这段代码会在input的值发生变化时，打印出变化后的值到控制台中。

js监听input enter键

在JavaScript中，监听`<input>`元素的Enter键输入通常需要结合键盘事件`keydown`、`keyup`或`keypress`。当你想要监听的是用户按下并释放Enter键的动作，可以这样做：

// 获取输入框元素
const input = document.getElementById('your-input-id');

// 监听input的keydown事件
input.addEventListener('keydown', function(event) {
  if (event.key === 'Enter') { // 检查是否按下了Enter键
    // 这里可以添加你需要处理Enter键的逻辑，例如提交表单或触发某个函数
    console.log('Enter key pressed');
    
    // 如果希望阻止默认的Enter行为（如跳到新行），可以添加下面这句
    event.preventDefault();
  }
});

// 当用户释放Enter键时，移除监听器以避免内存泄漏
input.addEventListener('keyup', function(event) {
  if (event.key === 'Enter') {
    input.removeEventListener('keydown', handleKeyDown); // 移除keydown监听器
  }
});

在这个示例中，我们首先获取了输入框元素，然后添加了一个`keydown`事件监听器来检查是否按下了Enter键。如果按下了，我们会执行相应的逻辑，并可以选择阻止浏览器的默认行为（如换行）。当用户释放Enter键时，我们移除`keydown`监听器以保持资源的有效管理。