如何在手機/平板電腦瀏覽器（觸摸屏）中啓用css corsor：指針（手形符號）

Question

.HandSign{  
    cursor: pointer; 
} 

以上CSS樣式在桌面瀏覽器中絕對好用。我想知道在我們觸摸移動/平板電腦瀏覽器中的相關控件後，是否有任何方式顯示手形符號。

Answer 1

我不知道剛剛在CSS但在JS/jQuery的它可以通過創建一個元素來完成：

<span id='customPointer'><img source='pointer.png'></span> 

CSS：

#customPointer{ 
    position: absolute; 
    left: 0px; 
    top: 0px; 
    display: hidden; 
} 

然後使用JS/jQuery的移動/每次點擊顯示元素。點擊時，會引發臺式機和移動：

$('body').onClick(function(event){ 
     setPointer(event); 
    }); 

function setPointer(e){ 
    if(e.touches){ 
     $('#customPointer').css({'top': e.pageY, 'left': e.pageX, 'display': 'inline-block'}); 
    } 
} 

的幾個注意事項在此：

1. 觸摸屏臺式機可能會行爲古怪
2. 的，如果（e.touches）將確定它是否是真正從鼠標或觸摸屏，以防止它做任何事情與真正的鼠標事件
3. 你可能還想添加一些onmousemove改變顯示回隱藏，如果鼠標移動。