対応するPCのイベント | iPhoneのイベント |
---|---|
scroll(window要素) | パン(指を下ろす&動かす&離す) |
mousewheel(スクロール可能な要素) | 2フィンガーパン(2本の指を下ろす&動かす) |
scroll(スクロール可能な要素) | 2フィンガーパン(2本の指を下ろす&動かす&離す) |
click | タップ(指を下ろす&すぐに離す、ただし同要素にmousemoveがある場合は発動しない) |
mousemove | タップ(指を下ろす&すぐに離す) |
mouseover | タップ(指を下ろす&すぐに離す) |
mouseout | 該当要素をタップした後に別のクリック要素をタップ |
mousedown | タップ(指を下ろす&すぐに離す、ただし同要素にmousemoveがある場合は発動しない) |
mouseup | タップ(指を下ろす&すぐに離す、ただし同要素にmousemoveがある場合は発動しない) |
blur | blur |
focus | focus |
load | load |
unload | unload |
reset | reset |
submit | submit |
change | change |
abort | abort |
iPhoneのイベント | 発生条件 |
---|---|
touchstart | スクリーンをタッチする |
touchend | スクリーンにタッチした指を離す |
touchmove | スクリーンにタッチした指を動かす |
gesturestart | スクリーンに2本の指でタッチする |
gesturechange | スクリーンにタッチした2本の指を動かす |
gestureend | スクリーンにタッチした2本の指を離す |
orientationchange | iPhoneを90度回転させる |
以上は、こちらを参考にしました。
いずれのイベントも、addEventListener、html内指定(例:)、 メソッド型指定(element.onclick = function)のいずれの方法でも問題なく動作するものと思われます(一部テストをしました)。
iPhoneではディスプレイの小ささを補うためformに入力画面がユニークです。 そのため、input要素でのfocus/blurとselect要素でのchangeは、キーボードが現れるまたは隠れるタイミングや、 form要素を行き来する「前へ」「次へ」ボタンを押したタイミングでイベントが発生するため注意が必要です。