混合PC /平板電腦網站

Question

什麼是可靠的方法來開發一個混合使用的電腦網站，換句話說，有一個鼠標（或觸摸板）和觸摸屏，可以使用一個用戶在兩個方面在同一時間。

特別是問題是如何處理鼠標光標，使用鼠標時必須看到，並且一旦用戶使用她的手指就會分心。

目標是開發一個頁面，而不是兩個單獨的頁面，一個用於鼠標和其他觸摸。樣式cursor = 'none'將光標全部殺死在指定的元素上，這是不期望的。

我不是在談論滾動或縮放，而是關於可點擊/觸摸的div /跨度/圖像，這可以反應一些如何。例如，我有一個表格，每個單元格可以被點擊來標記（改變顏色）。一旦你用手指觸摸按鈕，鼠標光標將停留在它的頂部並分散注意力。

Answer 1

HTML5確實支持touch events的概念，也許你可以根據檢測到的事件動態地改變javascript中的行爲/樣式等（例如，如果你檢測到一個觸摸事件，但切換回到鼠標可見樣式，如果您檢測到鼠標移動事件）。

這絕不是完全可靠的，因爲touchevent的實現是瀏覽器（有點不完整的支持），操作系統和可能的硬件依賴。例如舊的操作系統可能會將觸摸事件轉換爲鼠標點擊事件，或者舊版瀏覽器可能不支持操作系統的觸摸事件和操作系統回落到鼠標點擊事件。

看到Touch And Mouse瞭解更多信息，它可能會幫助你。