js input 输入的时候 每4个分割 并用 - 符号连接
时间: 2024-02-06 11:09:19 浏览: 137
你可以使用 JavaScript 中的 `slice()` 方法和 `join()` 方法来实现。具体步骤如下:
1. 获取输入框中的值并去除其中的空格。
2. 使用正则表达式将字符串每4个字符分割,并将其存储在一个数组中。
3. 使用 `join()` 方法将数组的元素用 `-` 符号连接。
4. 将连接后的字符串赋值给另一个元素或者输出。
以下是一个简单的示例代码:
```javascript
const input = document.getElementById('input');
const output = document.getElementById('output');
input.addEventListener('input', () => {
const value = input.value.replace(/\s+/g, ''); // 获取输入框中的值并去除其中的空格
const parts = value.match(/.{1,4}/g); // 将字符串每4个字符分割,并将其存储在一个数组中
const formatted = parts.join('-'); // 将数组的元素用 '-' 符号连接
output.textContent = formatted; // 将连接后的字符串赋值给另一个元素或者输出
});
```
在上面的代码中,`input` 是表示输入框的元素,`output` 是表示输出元素的元素。你需要将它们替换为你的 HTML 中相应的元素。
阅读全文