問題タブ [pointer-events]

ドロップダウン メニューのリンクをクリックしても機能しない理由について、誰か説明を手伝ってもらえますか? 多分ポインターイベントのためですか？リンクがクリックされた後、または閉じるボタンがクリックされた後に閉じるドロップダウンメニューを作成しようとしています。リンクがクリックされたときに親コンテナーを非表示にするなど、いくつかのクールなものを追加しました。

それを行う多くのオプションがあります：

1. 使用して:focusいますが、フォーカスが使用されている場合、ドロップダウンは次のホバー ドロップダウンではトリガーされません。

2. :activeコンテナで使用しpointer-eventsてアクティブなリンクのみを指すようにしますが、ポインターイベントにはバグがあります

3. を使用し:targetますが、:focus と同じ問題があり、2 番目のフーバーをトリガーしません。

HTML5 内に描画するアプリを作成してcanvasいますが、モバイルまたはタブレットからはできません。

ブラウザのネイティブ スクロールや、プッシュ ダウン時の chrome の更新が避けられない

jsfiddleで例を作成したので、それを見ることができます。

今は 2017 年ですが、今日のブラウザーでこれらすべての異なる入力方法 (マウス、タッチ、ポインター) を処理するのは本当に苦痛です。しかし、マウス イベントを頻繁に処理するだけでは、HTML5/JS クロス ブラウザー/プラットフォーム アプリを開発する際にうまくいきません。AngularJS は非常に安定した最先端のフレームワークであるため、この問題について何らかの形でサポートしてくれると期待しています。それとも私が間違っていますか？

Chrome 55 以降ではPointer Event APIがサポートされるようになりました。まだサポートしていないブラウザ (またはサポートしたくない、はい、Safari を指しています) には、利用可能なポリフィルがあります。だから、これは行く方法のように見えます。

私のAngularアプリでは、次のようなことをしたいだけです:

そして、ng-mouse* ハンドラーのことはすべて忘れて、カスタムの touchstart、touchend などのハンドラーを並行してサブスクライブする必要はありません。

Angular がこれに対するネイティブ サポートを追加する計画はありますか? または、これを適切な方法でサポートしているサードパーティの Angular ライブラリはありますか?

私はすべてを自分で書くことができることを知っていますが、私にとってこれは非常に基本的なことであり、フレームワークまたはその周りのエコシステムから望ましい注目を集める必要があります.

CSS ポインターイベントを使用して、div などのテキストのみに適用する方法はありますか? これは SVG で動作するようですが、通常のテキスト要素のみに適用するプロパティもありますか?

これは私が達成しようとしているものです:

イベントをキャプチャするために、親 div に子を作成したくありません。

前もって感謝します！