点击dragstop事件Input框被清除了

dragstop 事件是 jQuery UI 中的事件，它是在拖动结束时触发的。这个事件和 Input 框被清除之间并没有直接的联系。可能是你在 dragstop 事件处理函数中执行了清除 Input 框的操作，导致了 Input 框被清除的问题。你可以检查一下 dragstop 事件处理函数，看看是否有清除 Input 框的操作。如果有的话，你需要找一个合适的时机来执行清除操作，而不是在 dragstop 事件中执行。

相关问题

input框监听光标变化事件

要监听input框中光标位置的变化，你可以使用selectionchange事件。这个事件会在用户更改input框中的光标位置时触发。

你可以通过以下方式来监听selectionchange事件：

const inputElement = document.querySelector('input'); // 获取input元素

inputElement.addEventListener('selectionchange', handleSelectionChange);

function handleSelectionChange() {
  const selectionStart = inputElement.selectionStart; // 获取光标起始位置
  const selectionEnd = inputElement.selectionEnd; // 获取光标结束位置

  console.log('光标起始位置:', selectionStart);
  console.log('光标结束位置:', selectionEnd);
}

在上面的示例中，我们通过addEventListener方法给input元素绑定了selectionchange事件，并指定了事件处理函数handleSelectionChange。在handleSelectionChange函数中，我们使用inputElement.selectionStart和inputElement.selectionEnd属性来获取光标的起始位置和结束位置。

当用户在input框中移动光标时，handleSelectionChange函数会被调用，并打印出光标的起始位置和结束位置。

希望这对你有所帮助！如果还有其他问题，请随时提问。

elementui input框回车事件

ElementUI 的 Input 组件是基于 Vue.js 的组件库，它提供了一个方便的方法来监听输入框的回车事件。

要监听 Input 组件的回车事件，可以使用 `@keyup.enter` 或 `@keydown.enter` 事件。下面是一个示例：

<template>
  <div>
    <el-input v-model="inputValue" @keyup.enter="handleEnter"></el-input>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: ''
    };
  },
  methods: {
    handleEnter() {
      // 在这里处理回车事件
      console.log('回车被按下');
    }
  }
};
</script>

在上面的示例中，我们使用 `v-model` 指令将输入框的值与 `inputValue` 属性进行双向绑定。然后，在 `@keyup.enter` 事件中调用 `handleEnter` 方法来处理回车事件。

当用户在输入框中按下回车键时，`handleEnter` 方法将被调用，并在控制台输出 "回车被按下"。你可以根据需要在这个方法中执行其他操作，比如发送表单数据或执行搜索等。