WordPress

スマホでも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の方が安定している気がします。

 

ABOUT ME
ねこのてそう
ねこのてそう
妻、娘、ネコと暮らす、超記憶力の悪い30代のオッサン。 好きな言葉は、死ぬこと以外、かすりキズ。 尊敬する人は絵を描ける人とピアノを弾ける人。嫌いなものはタバコ。 元2ちゃんねる管理人ひろゆきが好き。(趣味と思考が似てる) ニコニコ生放送の、暗黒リスナー歴9年。