0

スマートフォン用のWebアプリケーションを作成しています.
画面はコンテンツエリア,真ん中のエリア,タッチエリアに分かれています.
キャプチャ画像

やりたいこと

下のタッチエリアでタッチして一番上のコンテンツエリアをスクロールしたり,タップしたりしたいです.

現状はtouchstart, touchmove, touchendに対し,

function dispatch(e) {
    var evt = document.createEvent('Event')
    evt.initEvent(e.type, true, true)
    contentArea.dispatchEvent(evt)
}

のように新しいイベントを作成して,タッチイベントを送ろうとしているのですが,うまくいきません.具体的には,タッチエリアで発生したtouchstart, touchmove, touchendはコンテンツエリアの要素に送れているようなのですが,上のコンテンツエリアがスクロールされません.

どなたかわかる方がいらっしゃいましたら,教えていただけると助かります.

1 件の回答 1

2

ブラウザはプログラムから人工的に作られたイベントに対しては反応しないよう仕様で決められています。

よって、イベントを作ってdispatchする手法は諦め、自分でスクロールさせるコードを書く必要があります。

1
  • element.scrollLeft を使って,横スクロールなどを実装しました.ありがとうございました.
    – bear
    2017年10月18日 13:25

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。