提交颤动后清空文本字段

介绍

在某些应用场景中，我们可能需要在提交表单中的文本字段（如输入框、文本域）后将其内容清空。本文将介绍如何使用颤动（震动）的方式来提醒用户操作已成功，并将文本字段的内容清空。

实现思路

1. 监听提交动作，即用户点击提交按钮或按下回车键；
2. 在提交动作后，通过颤动（震动）设备来提醒用户操作成功；
3. 清空文本字段的内容。

实现示例

以下是一个示例代码片段，用于实现提交颤动后清空文本字段的功能。

// 监听提交动作
document.querySelector('form').addEventListener('submit', function(e) {
  // 颤动（震动）设备提醒用户操作成功
  if ('vibrate' in navigator) {
    navigator.vibrate([200, 100, 200]);
  }

  // 清空文本字段的内容
  var textFields = document.querySelectorAll('input[type="text"], textarea');
  Array.from(textFields).forEach(function(field) {
    field.value = '';
  });

  // 阻止表单的默认提交行为
  e.preventDefault();
});

使用说明

1. 将上述示例代码嵌入到你的网页中，并确保提交按钮包含在一个 <form> 元素中；
2. 用户点击提交按钮或按下回车键后，代码将执行以下操作：
   • 震动设备提醒用户操作成功；
   • 清空所有类型为文本的输入框和文本域的内容；
   • 阻止表单的默认提交行为；
3. 如果用户设备不支持颤动（震动）功能，上述代码将无效；
4. 可根据具体需求修改代码以适应你的应用场景。

希望上述内容能对你有所帮助！