sortablejs 要点击两次才执行单击

可能是因为你的代码中没有正确地绑定事件处理程序。你需要确保你已经正确地绑定了 `click` 事件处理程序，例如：

const element = document.getElementById('mySortableElement');
Sortable.create(element, {
  // 其他选项...
  onEnd: function(evt) {
    console.log('排序结束');
  },
  onClick: function(evt) {
    console.log('单击事件');
  }
});

如果你已经正确地绑定了事件处理程序，但仍然需要点击两次才能触发单击事件，那么可能是因为你的代码中存在一些与 `Sortable` 库冲突的其他代码。你可以尝试在一个干净的测试环境中运行你的代码，以确定是否存在这样的冲突。

相关问题

vue3 怎么添加两次点击事件

在 Vue3 中，可以使用 `@click` 或 `v-on:click` 绑定单击事件，在绑定多个点击事件时，可以使用修饰符 `.prevent` 和 `.stop` 来阻止事件的默认行为或停止事件冒泡。

例如，在模板中可以这样绑定两个点击事件：

<template>
  <button @click="onFirstClick">第一个点击事件</button>
  <button @click.stop="onSecondClick">第二个点击事件</button>
</template>

其中，`@click` 绑定了第一个点击事件，`@click.stop` 绑定了第二个点击事件，并使用了 `.stop` 修饰符来停止事件冒泡。在组件中，可以定义对应的方法来处理这两个点击事件：

<script>
export default {
  methods: {
    onFirstClick() {
      console.log('第一个点击事件');
    },
    onSecondClick() {
      console.log('第二个点击事件');
    }
  }
}
</script>

当用户单击第一个按钮时，会触发 `onFirstClick` 方法，打印出相应的信息；当用户单击第二个按钮时，会触发 `onSecondClick` 方法，也会打印出相应的信息。

微信小程序事件多次单击

微信小程序中，可以通过绑定事件来响应用户的操作。针对多次单击事件，可以通过以下两种方式来实现：

1. 使用 `catchtap` 事件绑定，该事件会阻止事件冒泡到父元素，从而避免多次触发事件。例如：

   <view catchtap="onTap">点击我</view>

   onTap: function() {
     // 处理单击事件
   }

2. 在事件处理函数中通过设置计时器来实现，如果在一定时间内多次触发事件，则认为是多次单击事件。例如：

   <view bindtap="onTap">点击我</view>

   onTap: function() {
     if (this.lastTapTime && (Date.now() - this.lastTapTime) < 300) {
       // 处理多次单击事件
     } else {
       // 处理单击事件
       this.lastTapTime = Date.now();
     }
   }

上述代码中，如果两次单击事件的时间间隔小于 300 毫秒，则认为是多次单击事件。可以根据实际需求来调整时间间隔。