WEBサイトの製作、管理、とかの日記ブログです。

<<   2018年09月   >>
SunMonTueWedThuFriSat
      1
2345678
9101112131415
16171819202122
23242526272829
30      
新着記事
カテゴリ
過去ログ
コメント
検索
マウスオーバーをタッチパネル対応に・・・
前回の記事の続きで、
<a>にマウスオーバーした時にmouseenterイベントで近くに<iframe>(画像)をポップアップする感じなのだが、
クリックした場合はポップアップをオン/オフ切り替えができるようにしてた。

つまり、ポップアップがオン/オフする条件が、
mouseenter → mouseleave
click → click
の2通りでこの3つを addEventListener してた。

だが、タッチパネルの時にclickよりも先にmouseenterが発動してしまうようで、タッチが終わると即オフになっちゃう。


というわけだったが、
mouseleaveイベントはmouseenter発生後にaddEventListenerして、
もう1個touchstartを設定してtouchstart発生時はmouseenterをremoveEventListenerする。
touchstartではremoveEventListenerだけして、ポップアップは続くclickで処理する。
って感じが良さそう。
touchstartはタッチパネルなら一番最初に発生すると思われる。

この記事へのコメント
名前:
URL
コメント:
この記事へのトラックバック :
whblog 1.7