可靠地檢測用戶是否在網頁上使用鼠標？

Question

在我們的頁面上，我們有一個長水平滾動的iframes <div>。如果用戶使用鼠標，他們可以滾動滾動條，我們希望他們能夠在iframe中選擇文本。如果他們只是使用觸摸，但是，滾動條很麻煩，我想覆蓋整個事物的透明元素，讓他們能夠通過拖動輕鬆滾動，這當然犧牲了選擇文本功能，但是有意義的那種情況。

這讓我想到我的問題，有沒有辦法可靠地檢測用戶是否通過鼠標與網頁進行交互？

我在檢測觸摸或鼠標時看到的一切都是觸摸將廣播鼠標事件，因此很難檢測到觸摸或鼠標（更不用說可以同時使用）。我的問題更簡單 - 用戶是否通過鼠標與頁面交互。

任何人都可以想出一種方法來檢查這種可靠嗎？

Answer 1

鼠標可以做一件觸摸設備永遠不會做的事情 - 移動時不需要按任何按鈕。所以我只是在頁面加載時安裝一個onMouseMove事件，如果它觸發沒有按鈕按下標記用戶作爲鼠標用戶。然後，您可以通過Cookie或LocalStorage來堅持這一點，因爲該標誌不會在相同的環境中更改，並立即刪除該事件。實現單火事件的確切方式取決於你使用的庫（如果有的話），但是使用Mootools/JQuery文檔應該很容易。

總的來說，我建議你只檢查在大多數情況下，觸摸界面的更容易的途徑：

if('ontouchstart'in window) 
{ 
    /* it's a touch device */ 
}