LoginSignup
2

More than 5 years have passed since last update.

canvasなどのDOM要素をタッチされたとき、下の重なりの要素にタッチイベントを起こしたい

Posted at

canvasでflashを表示して、ユーザーにタッチを促す演出を行っていましたが、いかんせんそのキャンバスが邪魔で重なりの下にあるDOM要素にタッチすることができませんでした。
jQueryのtriggerを使い、無理矢理したの要素にイベントを行うことも出来ますがCSSで解決できることを知りましたので記述しておきます。

pointer-events: none;

https://developer.mozilla.org/ja/docs/Web/CSS/pointer-events

公式では
要素は、マウスイベントのターゲットになることはありません。しかし、子孫要素がpointer-eventsの別の値をセットされていた場合は、その子孫要素自体はマウスイベントのターゲットとなりえます。その場合、マウスイベントはそのイベント キャプチャ/バブル フェーズの過程で必要に応じて親要素のイベントリスナーをトリガーします。
と説明されています。

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2