相关疑难解决方法(0)

是否可以在JavaScript(或jQuery)中实现"长按"？怎么样？

alt text http://androinica.com/wp-content/uploads/2009/11/longpress_options.png

HTML

<a href="" title="">Long press</a>

JavaScript的

$("a").mouseup(function(){
  // Clear timeout
  return false;
}).mousedown(function(){
  // Set timeout
  return false; 
});

我有一个用户可以从中选择的项目列表。如果用户单击某个项目，则该项目被选中。如果用户长按任何项目，它会激活多选模式，用户可以在其中选择多个项目，我正在使用此问题中的自定义 useLongPress 钩子。但是，我想让用户在不选择任何项目的情况下滑动以滚动列表，我正在使用 react-swipeable 进行滑动事件，但我不知道如果用户正在滑动，我如何取消 onClick 事件，即使我正在刷卡，我仍在选择项目。

https://codesandbox.io/s/hungry-kilby-vlxmc?file=/src/App.js

应用程序.js

import "./styles.css";
import React, { useState } from "react";
import useLongPress from "./useLongPress";
import { useSwipeable } from "react-swipeable";

const list = [
  "apple",
  "banana",
  "orange",
  "mango",
  "kiwi",
  "lemon",
  "watermelon",
  "avocado",
  "grapes",
  "strawberry",
  "passion fruit",
  "papaya",
  "pomegranate",
  "blueberry",
  "pear",
  "pineapple",
  "jackfruit"
];

export default function App() {
  const [MultiSelect, setMultiSelect] = useState(false);
  const [MultiSelectArray, setMultiSelectArray] = useState([]);
  const [IsSwiping, setIsSwiping] = useState(false);
  const swipe = useSwipeable({
    onSwipeStart: (e) => …