next.js 在桌面浏览器移动模拟器上工作时，React OnClick/onTouchStart无法在真实的移动的触摸屏上工作

ntjbwcob 于 2023-08-04 发布在 React

关注(0)|答案(1)|浏览(82)

我在next.js的主page.js文件中有一个简单的按钮标签，它在点击后提醒窗口。onClick功能适用于任何桌面浏览器，但不适用于任何移动的浏览器。

"use client";

export default function Page() {
  return (
    <button onClick={() => window.alert("Hello!")}>
      Hello!
    </button>
  );
}

字符串
我尝试了onClick和onTouchStart，还尝试了带有“cursor：指针”，什么都不起作用。这个问题可能是重复的，但重复的问题没有回答。如果你能帮忙的话，我将不胜感激。

next.js

来源：https://stackoverflow.com/questions/76768805/react-onclick-ontouchstart-not-working-on-real-mobile-touchscreen-while-working

1条答案

按热度按时间

wtlkbnrh1#

你试过把onClick和onTouchStart都放进去吗？在一个老项目中我是这样做的：

const onClickHandler = () => {
      window.alert("Hello!")
  };

  const onTouchStartHandler = (event) => {
      event.preventDefault();
      onClickHandler();
  };

  return (
      <button onClick={onClickHandler} onTouchStart={onTouchStartHandler}>
          CLICK
      </button>
  );

字符串

赞(0）回复(0）举报 2023-08-04

我来回答

next.js 在桌面浏览器移动模拟器上工作时，React OnClick/onTouchStart无法在真实的移动的触摸屏上工作

1条答案

相关问题

热门标签

最新问答