Skip to content

Commit 8a14d74

Browse files
authored
fix(Swiper): fix swiper autoplay compatibility in mobile devices (#3862)
1 parent a2de6df commit 8a14d74

File tree

1 file changed

+4
-4
lines changed

1 file changed

+4
-4
lines changed

packages/components/swiper/Swiper.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -208,7 +208,7 @@ const Swiper: React.FC<SwiperProps> & Record<'SwiperItem', typeof SwiperItem> =
208208
}, [setTimer, clearTimer, stopOnHover, loop, currentIndex, endIndex]);
209209

210210
// 鼠标移入移出事件
211-
const onMouseEnter: React.MouseEventHandler<HTMLElement> = () => {
211+
const onPointerEnter: React.PointerEventHandler<HTMLElement> = () => {
212212
isHovering.current = true;
213213
if (stopOnHover) {
214214
clearTimer();
@@ -217,7 +217,7 @@ const Swiper: React.FC<SwiperProps> & Record<'SwiperItem', typeof SwiperItem> =
217217
setArrowShow(true);
218218
}
219219
};
220-
const onMouseLeave: React.MouseEventHandler<HTMLElement> = () => {
220+
const onPointerLeave: React.PointerEventHandler<HTMLElement> = () => {
221221
isHovering.current = false;
222222
if (!swiperTimer.current && autoplay) {
223223
setTimer();
@@ -354,8 +354,8 @@ const Swiper: React.FC<SwiperProps> & Record<'SwiperItem', typeof SwiperItem> =
354354
return (
355355
<div
356356
className={classnames(`${classPrefix}-swiper`, className)}
357-
onMouseEnter={onMouseEnter}
358-
onMouseLeave={onMouseLeave}
357+
onPointerEnter={onPointerEnter}
358+
onPointerLeave={onPointerLeave}
359359
ref={swiperWrap}
360360
>
361361
<div

0 commit comments

Comments
 (0)