Sự kiện hover của desktop trên mobile

Do chưa có điều kiện để chạy 1 con web do mình tạo ra trên mobile nên mình có thắc mắc về sự kiện hover trên mobile. Ví dụ trên desktop thì hover vào element sẽ xổ ra menu. Vây trên mobile thì sự kiện đó nó sẽ xảy ra như nào? liệu menu nó có xổ ra không? Mn rảnh trả lời giúp mình với? Cảm ơn mn

Gần như không, vì trên di động, nhấn giữ xem như rê qua nhưng ngay sau đó lại trở thành nhấn chuột phải. Sự kiện đó vẫn xảy ra nhưng không liên tục như rê con trỏ chuột trên máy tính.

1 Like

Liệu nó có tương tự trong dev tool ở chế độ giả lập trên iPad không b?
image

Trên mobile chỉ có tap/tap & hold/swipe
Thiết kế hover trên mobile là điều nên tránh vì thao tác phức tạp và mất thời gian của người dùng
Nếu muốn thì thêm sự kiện click để người ta tap vô xem thông tin
Kể cả trên desktop thì mình cũng không thích cái chuyện hover, ngòai lý do lướt bằng đt ra thì khi lướt desktop cũng dễ bị click nhầm khi lỡ hover làm menu show ra

Cách tốt nhất là debug bằng thiết bị thật, cả chrome và safari đều hỗ trợ
Đôi khi có mấy cái thấy hay ho, nhưng đưa vào thì sẽ có lúc ăn trái đắng (nhất là thể lọai diaglog/modal/tooltip trên mobile rất khó kiểm soát vì behavior trên mobile và desktop khác nhau)

5 Likes

thankkkkkkk broooo!!!

83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?