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'}); 
    } 
} 

この上のいくつかの注意事項：それは実際にした場合（e.touches）が決定されます場合

1. タッチスクリーンのデスクトップが妙
2. ザ・振る舞うかもしれませんマウスやタッチスクリーンから実際のマウスイベントで何もしないようにする
3. マウスを動かすと、onmousemoveに何かを加えて表示を隠すようにすることもできます。