なんにもない日の頭の中はこんなもんだったりする

【 jQuery】スマホ、タブレットでhoverを有効にする

【 jQuery】スマホ、タブレットでhoverを有効にする

jQueryを使う。
簡単に実装できるのでおすすめ。
タッチしたときに少しうるさく感じることもありますが。

サンプル

サンプルではaタグを指定。
PCのときと同じ動きをしてくれるというもの。
※タッチ = touchstart

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script>
$(function(){
  $( 'a') // aタグを指定
    .bind( 'touchstart', function(){ // タッチするとhoverが付与される
    $( this ).addClass( 'hover' );
  }).bind( 'touchend', function(){ // タッチが離れるとhoverが解除される
    $( this ).removeClass( 'hover' );
  });
});
</script>
いつかのこと

おすすめ

いつかのこと