Tính năng di chuột css có hoạt động trên thiết bị di động không? Tôi có một lớp học css hover hoạt động tốt trên một trình duyệt web thông thường, nhưng không hoạt động trên các trình duyệt di động.Tính năng di chuột css có hoạt động trên thiết bị di động không?
Trả lời
Lớp :hover
giả cần một thiết bị trỏ (đồ họa), có khả năng phân biệt các hành động chỉ và chọn/kích hoạt. Thông thường trên các thiết bị di động có giao diện cảm ứng mà bạn không có trước đây, chỉ sau đó. Ngoài ra một số giao diện bút chỉ cho phép kích hoạt, không chỉ.
Áp dụng lớp giả khi người dùng chỉ định phần tử (với một số thiết bị trỏ) nhưng không kích hoạt. Ví dụ: một tác nhân người dùng trực quan có thể áp dụng lớp giả này khi con trỏ (con trỏ chuột) di chuột qua một hộp được tạo bởi phần tử. Các tác nhân người dùng không hỗ trợ phương tiện tương tác không phải hỗ trợ lớp giả này. Một số tác nhân người dùng phù hợp hỗ trợ phương tiện tương tác có thể không hỗ trợ lớp giả này (ví dụ: thiết bị bút).
Vì vậy, để trả lời câu hỏi của bạn: Nó phụ thuộc vào thiết bị nhưng nhiều khả năng không có. Và không dựa vào nó. Với các thiết bị màn hình cảm ứng nhanh chóng trở nên phổ biến, bạn sẽ mất toàn bộ các sự kiện chỉ trỏ.
Có lẽ công nghệ mới sẽ mang lại các sự kiện chỉ trở lại. Xem [this] (http://www.mobilemag.com/2010/04/22/cypress-truetouch-adds-hover-functions-to-touchscreens/) và [this] (http://www.webia.info/bài viết/khả năng sử dụng/sự thay đổi-là-đây-di chuột-sự kiện-đến-tới-thiết bị di động/thiết bị /) liên kết, ví dụ. –
Tôi biết Wacom đã làm việc trên đó, nhưng bạn có thực sự mong đợi những người sử dụng rộng rãi trong tương lai gần không? – Joey
Có! Bạn có mong đợi điện thoại di động màn hình cảm ứng (hoặc bất kỳ công nghệ hiện tại nào khác) sẽ được sử dụng rộng rãi nhanh như vậy không? :) –
Tùy thuộc vào trình duyệt được sử dụng trong thiết bị di động. Tham khảo Quirks Mode cho thiết bị di động và xem liệu trình duyệt/nền tảng của bạn có triển khai hay không.
Tôi sẽ nói không, vì bạn không di chuột trong giao diện trên thiết bị di động. Bạn chỉ có thể nhấn, nếu trên màn hình cảm ứng. Nếu không, bạn chỉ cần di chuyển qua các liên kết.
Không trừ khi thiết bị có thể phát hiện khi ai đó đang lơ lửng ngón tay trên màn hình, sắp nhấn. :)
Đối với các ngón tay sẽ là một tính năng vô dụng, mặc dù, với kích thước của các thiết bị đó bạn rất có thể có ngón tay của bạn trên bất cứ điều gì mà sẽ phản ứng với di chuột. Trừ khi ngón tay của bạn mờ, nó sẽ là khá khó khăn để xem ;-) – Joey
+1 cho đó là đến! Xem [this] (http://www.mobilemag.com/2010/04/22/cypress-truetouch-adds-hover-functions-to-touchscreens/) và [this] (http://www.webia.info/bài viết/khả năng sử dụng/sự thay đổi-là-đây-di chuột-sự kiện-đến-tới-thiết bị di động/thiết bị /) liên kết, ví dụ. –
sẽ không làm phép thuật của mình trên các thiết bị màn hình cảm ứng, nhưng nó làm việc trên điện thoại di động mà người dùng điều hướng bằng cách sử dụng một số phím mũi tên (hoặc trên kindle amazon)
cũng làm việc cho cơn bão blackberry 1 thiết bị khi họ có liên lạc, và nhấp vào các sự kiện do màn hình xúc giác suedo của họ.
: di chuột hoạt động với trình duyệt mặc định của Android, nhưng nó thực sự phức tạp (đối với người dùng) để kích hoạt di chuột mà không kích hoạt nhấp chuột cùng một lúc.
Thở dài. Có vẻ như không ai trả lời câu hỏi này thực sự đã thử nó trên một thiết bị thực. Trong nhiều trường hợp nó hoạt động. Lần nhấp đầu tiên hoạt động như một di chuột.
Một số thông tin thêm ở đây: http://designshack.net/articles/css/are-hover-events-extinct/
Chắc chắn, đó là tốt nếu nhấp vào một cái gì đó không làm bất cứ điều gì và chỉ lơ lửng. Nhưng trong hầu hết các trường hợp, tôi đã thấy ': hover' kích hoạt một số thông tin phụ trợ, chú giải công cụ hoặc tương tự, liên quan đến những gì xảy ra khi bạn nhấp vào. Vì bạn không thể tách riêng hai thiết bị di động nên trường hợp sử dụng rất lớn bị mất. – Joey
@ Јοеу - Tôi đồng ý nhưng đáng để biết rằng: di chuột không hoàn toàn là nguyên nhân bị mất trên các thiết bị cảm ứng. –
@andybak Bất kỳ cập nhật nào về việc hỗ trợ muộn? –
Từ kinh nghiệm của riêng tôi, nó hoạt động tốt trên iPhone 4 của tôi, bất cứ điều gì là trình duyệt (Safari hoặc chrome), nhưng không hoạt động đúng trên nexus10 tôi với chrome ...
Tôi đã sử dụng: di chuột để triển khai thực đơn. Khi tôi nói "nó hoạt động", tôi có nghĩa là các liên lạc đầu tiên hoạt động như một di chuột trên một máy tính để bàn, và một liên lạc thứ hai sẽ hoạt động như một cú nhấp chuột. Khi tôi nói "nó không hoạt động", tôi có nghĩa là một liên lạc hoạt động giống như một cú nhấp chuột trực tiếp ...
Trình hỏi có ý nghĩa gì bởi "Công cụ di chuột css có hoạt động trên thiết bị di động không?"?
Anh ấy rõ ràng không có nghĩa là theo nghĩa đen, bởi vì không có thứ gì như di chuột trên thiết bị di động để nó không thể hoạt động.
Nếu anh ấy có nghĩa là "Trên thiết bị di động nếu tôi nhấn vào một đối tượng có kiểu di chuột thì có điều gì xảy ra không?" câu trả lời là Có, nhưng những gì xảy ra khác nhau tùy theo thiết bị/trình duyệt.
Cụ thể trên iPhone/Safari và Android phản hồi giống như bạn đã viết trình xử lý sự kiện OnClick() với thay đổi kiểu trong đó và điều này vẫn còn cho đến khi bạn chạm vào đối tượng khác. Trên điện thoại Windows, thay đổi kiểu xảy ra khi ngón tay của bạn được nhấn xuống trên điện thoại và sau đó quay lại khi bạn nhả ra.
Bạn có thể kiểm tra thiết bị của mình tại trang web thử nghiệm mà tôi đã thiết lập tại davidleader.net/mobiledemo.html.
- 1. Trượt trên thiết bị di động jQuery không hoạt động
- 2. Sự kiện nhấp chuột trên thiết bị di động jQuery không hoạt động
- 3. Nút Bootstrap bị "kẹt" trên thiết bị di động
- 4. Di chuột và sự kiện nhấp trên thiết bị di động
- 5. Tắt di chuyển trên thiết bị di động
- 6. Javascript profiling trên thiết bị di động
- 7. jQuery - Di chuột không hoạt động
- 8. Thiết bị di động được phát hiện là thiết bị không di động
- 9. Kích hoạt jQuery nhấp chuột trên thiết bị di động Safari (iPad)
- 10. sự kiện nhấp chuột trên thiết bị di động jquery kích hoạt hai lần
- 11. Screencapture có lập trình trên thiết bị di động
- 12. : di chuột không hoạt động bình thường trong IE9
- 13. setTimeout không hoạt động trên điện thoại di động safari
- 14. Nhấp chuột, di chuột qua và di chuột thử nghiệm không thể hoạt động cùng nhau?
- 15. Hành vi video HTML5 trên thiết bị di động
- 16. biên giới css không hoạt động trên sự kiện di chuột trong chrome?
- 17. Cửa sổ bật lên trên thiết bị di động jquery không hoạt động?
- 18. Tự động phát Youtube không hoạt động trên thiết bị di động có trình phát HTML5 được nhúng
- 19. Nút Thích trên Facebook gây ra di chuyển ngang trên thiết bị di động
- 20. jsfiddle thay thế trên thiết bị di động?
- 21. Facebook chia sẻ trên thiết bị di động
- 22. Thông báo ứng dụng Facebook trên thiết bị di động
- 23. Cách quản lý tệp trên Thiết bị di động MTP?
- 24. Hỗ trợ Javascript/CSS trên thiết bị di động. Cái gì ở ngoài đó?
- 25. Yêu cầu tùy chọn trang web trên máy tính để bàn trên thiết bị di động
- 26. Google Map trong thiết bị di động
- 27. Tôi có thể sử dụng tính năng kéo và thả html5 trên thiết bị di động với thẻ SIM không?
- 28. Cách cuộn trên "Google Maps dành cho thiết bị di động" hoạt động như thế nào?
- 29. fullcalendar nhiều ô được chọn trên thiết bị di động?
- 30. Di chuột CSS và di chuột qua JavaScript
http://www.nczonline.net/blog/2012/07/05/ios-has-a-hover-problem/ – Pacerier