すぐにできる!スマホでもPCと同じマウスオーバーの効果を与える方法

fastclick-js

簡単に対策できるので、スマホのタッチ操作でもPCと同じマウスオーバーの効果をつけたい方は、ぜひ対策を!

参考にしたサイトはこちら。

 

スポンサーリンク

header.phpの編集

<head>タグに、以下のコードを追加。

<script type='application/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/fastclick/1.0.6/fastclick.min.js'></script>

 

footer.phpの編集

</body>の前に、以下のコードを追加。

<script>
if ('addEventListener' in document) {
document.addEventListener('DOMContentLoaded', function() {
FastClick.attach(document.body);
}, false);
}
</script>

 

他の方法

以前紹介した、TouchStartを使用した方法。個人的には、FastClickの方が安定している気がします。

 

この記事が気に入ったら
いいよ!

Twitter で
スポンサーリンク
iMacと猫が好きな完全インドア派。

コメントを残す