在输入框input内输入内容光标离开时，在javaScript端用console.log打印出输入的内容

可以通过以下代码实现：

const input = document.querySelector('input'); // 获取输入框元素
input.addEventListener('blur', (event) => { // 监听输入框失去焦点事件
  const inputValue = event.target.value; // 获取输入框的值
  console.log(inputValue); // 打印输入框的值
});

这段代码获取了页面上第一个 input 元素，并监听其失去焦点事件。当输入框失去焦点时，会触发回调函数，并从事件对象中获取输入框的值，最后用 console.log 打印出来。

相关问题

微信小程序在输入框input内输入内容光标离开时，在javaScript端用console.log打印出输入的内容

在微信小程序中，可以通过以下代码实现：

Page({
  data: {
    inputValue: ''
  },
  bindInput: function(event) {
    this.setData({
      inputValue: event.detail.value
    })
  },
  bindBlur: function(event) {
    console.log(this.data.inputValue)
  }
})

这段代码定义了一个 Page 对象，并在 data 中定义了一个 inputValue 变量，用于保存输入框的值。同时定义了两个函数，一个是 bindInput，用于监听输入框的输入事件，将输入框的值保存在 inputValue 中；另一个是 bindBlur，用于监听输入框失去焦点事件，将 inputValue 的值打印出来。

在 wxml 中，需要将 bindInput 和 bindBlur 事件绑定到对应的输入框上：

<view class="container">
  <input value="{{inputValue}}" bindinput="bindInput" bindblur="bindBlur" />
</view>

这段代码定义了一个输入框，并将其的值绑定到 inputValue 变量上，同时将 bindInput 和 bindBlur 事件绑定到输入框上，用于监听输入和失去焦点事件。

在layer。open的按钮事件里 怎么获取弹出层输入框的输入内容

在 `layer.open` 的按钮事件中获取弹出层输入框的输入内容，你可以通过以下步骤实现：

1. 首先，将输入框的元素 ID 或者 class 添加到弹出层的 `content` 中。例如：

layui.layer.open({
  title: '示例窗口',
  content: '<input type="text" id="inputContent" placeholder="请输入内容">',
  btn: ['确定', '取消'],
  yes: function(index, layero) {
    // 在确定按钮的回调函数中获取输入框的内容
    var inputVal = $('#inputContent').val();
    console.log('输入内容为：', inputVal);
    
    // 关闭弹出层
    layui.layer.close(index);
  }
});

在上述代码中，我们将一个输入框添加到弹出层的 `content` 中，并为确定按钮添加了一个回调函数 `yes`。在该回调函数中，通过获取输入框的值，可以使用 jQuery 或者其他 JavaScript 方法来获取输入框的内容。在这个例子中，我们使用了 jQuery 的 `val()` 方法来获取输入框的值，并将其打印到控制台。

2. 运行代码并打开弹出层后，输入内容后点击确定按钮，就会在控制台中显示输入框的内容。

这样，你就可以在弹出层的按钮事件中获取弹出层输入框的输入内容了。记得根据实际情况修改选择器和处理逻辑。