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

【jQuery】スマホ、タブレットでhoverを有効にする
きのこさん
スマホでホバーってできますか?
きのこさん
あー、こんな感じだったら可能ですよー

jQuery

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

$(function(){
  $( 'a') // aタグを指定
    .bind( 'touchstart', function(){ // タッチするとhoverが付与される
    $( this ).addClass( 'hover' );
  }).bind( 'touchend', function(){ // タッチが離れるとhoverが解除される
    $( this ).removeClass( 'hover' );
  });
});

さいごに

きのこさん
おー
きのこさん
タッチしたときに少しうるさく感じることもあるのでお気を付けてー

関連記事

Author

デザコト

あ、いいな、と思うWebデザインを紹介しています。デザインの参考に。やさしいデザインが多いです。Webデザインギャラリー『デザインのこと - Web design gallery』を運営しています。

Googleさんの
おすすめ

6

/

2

2025

Googleさんの
おすすめ

6

/

2

2025

デザインの記事

natomi宿|古民家をリノベーションした宿
洗濯機の下
  • 2025.05.28New
  • 洗濯機の下
  • そっとしている場所があります。そっとするのはやめることにしました。 掃除したくても…
  • いつかのこと