判断输入框光标前面是不是span标签有的话，不能单个删除span标签的内容只能整体删除光标前的span标签

可以通过以下步骤实现：

1. 获取输入框中光标所在位置的前一个字符的位置。
2. 判断该位置是否是一个 span 标签的结束位置，如果是，则找到该 span 标签的开始位置。
3. 将整个 span 标签删除。

具体实现可以参考以下代码：

// 获取输入框中光标所在位置的前一个字符的位置
const selectionStart = input.selectionStart - 1;

// 判断该位置是否是一个 span 标签的结束位置
if (input.value[selectionStart] === '>' && input.value[selectionStart - 1] === '/') {
  // 找到该 span 标签的开始位置
  const startTagIndex = input.value.lastIndexOf('<span', selectionStart);
  if (startTagIndex !== -1) {
    // 将整个 span 标签删除
    input.value = input.value.slice(0, startTagIndex) + input.value.slice(selectionStart + 1);
    input.selectionStart = startTagIndex;
    input.selectionEnd = startTagIndex;
  }
}

相关问题

textarea输入框输删除内容光标跳到最后

当你在textarea（文本区域）输入框内删除内容时，如果希望光标自动跳到删除内容后的最后位置，可以在用户触发`input`事件或`keydown`事件后，检查当前光标的位置以及删除的内容长度，然后更新光标的坐标。

JavaScript示例代码：

function handleInput(e) {
  const textArea = e.target;
  const start = textArea.selectionStart; // 获取开始位置
  const end = textArea.selectionEnd; // 获取结束位置
  const deletedLength = end - start; // 计算删除的字符数

  // 更新光标位置
  if (deletedLength > 0) {
    textArea.setSelectionRange(start + deletedLength, start + deletedLength);
  }
}

// 绑定事件监听
const textAreaElement = document.querySelector('textarea');
textAreaElement.addEventListener('input', handleInput);
textAreaElement.addEventListener('keydown', handleInput);

这段代码会在textarea内容发生变化时检测并调整光标位置。当有内容被删除时，光标会移动到删除内容之后的末尾。

用html写一个表单 内容包括姓名输入框 年龄输入框 年级下拉选择框 性别下拉选择框 专业下拉选择框 手机号码输入框 确定提交按钮 label标签改成span标签

好的，以下是用HTML写一个表单，内容包括：

- 姓名输入框
- 年龄输入框
- 年级下拉选择框
- 性别下拉选择框
- 专业下拉选择框
- 手机号码输入框
- 确定提交按钮

<form>
  <div>
    <span>姓名：</span>
    <input type="text" name="name">
  </div>
  <div>
    <span>年龄：</span>
    <input type="number" name="age">
  </div>
  <div>
    <span>年级：</span>
    <select name="grade">
      <option value="1">一年级</option>
      <option value="2">二年级</option>
      <option value="3">三年级</option>
      <option value="4">四年级</option>
      <option value="5">五年级</option>
      <option value="6">六年级</option>
    </select>
  </div>
  <div>
    <span>性别：</span>
    <select name="gender">
      <option value="male">男</option>
      <option value="female">女</option>
      <option value="other">其他</option>
    </select>
  </div>
  <div>
    <span>专业：</span>
    <select name="major">
      <option value="computer science">计算机科学</option>
      <option value="math">数学</option>
      <option value="physics">物理</option>
    </select>
  </div>
  <div>
    <span>手机号码：</span>
    <input type="tel" name="phone">
  </div>
  <button type="submit">确定提交</button>
</form>

为了将标签从 label 改成 span，只需要将上面的例子中所有的 label 标签改成 span 标签即可：将 `<span>姓名：</span>` 改成 `<span>姓名</span>`，将 `<span>年龄：</span>` 改成 `<span>年龄</span>`，以此类推。