問題タブ [pointer-events]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - ポインター イベントを有効にする方法
私のAngularアプリでプロパティに気づいた
戻り値true
ここで、.net内のポインター イベントを含むいくつかのテストを行いたいのでjsfiddle
、これらのイベントが存在しないことに気付きました。これはおそらく、pointerEnabled
プロパティがであるという事実と関係がありますundefined
。
私の質問は、このプロパティはどのように制御されているのですか?どうすれば有効にできますか?
vuforia - Unity Vuforia Google VR - ゲーム オブジェクトへの onPointerEnter を作成して、それ自体のマテリアルを変更することはできません
シーンに 2 つの 3D ボタンがあり、いずれかのボタンを見つめると、OnPointerEnter コールバックが呼び出され、ポインターが見つめたオブジェクトが保存されます。
ゲームパッドで Fire1 を押すと、Resources フォルダーから取得したマテリアルを適用します。私の問題は、2 番目のボタンを見つめたときに始まりました。Fire1 ボタンを押すと、両方のボタンが同時に変更されてしまいます。
これは、両方のボタンに添付したスクリプトです
論理エラーを感じ、ポインターが注視したオブジェクトのみを管理する別のクラスを作成しようとしましたが、さらに混乱していました。
いくつかの助けを得ることを願っています
ありがとうございました
css - Microsoft Edge で CSS ポインター イベントが失敗する
Web アプリケーションにドロップダウンがあります。このドロップダウンはユーザー定義です (<select>
要素を使用しません)。このドロップダウン内には下向き矢印があります。この矢印は、絶対配置された の背景画像を使用して作成していますspan
。このspan
タグは、ドロップダウンのクリック イベントをブロックしています。pointer-events:none
ということで、span
タグ付けさせていただきました。これを追加した後、どこでも正常に動作しますが、Edge ブラウザーでは動作します。エッジはサポートしていpointer-event: none
ますか? pointer-event: none
そうでない場合、Edgeの代替手段は何ですか。
以下は私が使用したコードです:
video - jScrollPane + 埋め込まれた Youtube ビデオ ホバー
カスタム スクロール バーをサイトに組み込むために jscrollpane を使用しています。
私のサイトのユーザーは最近、jsscrollpane コンテナー内のコンテンツに YouTube ビデオを埋め込み始めました。
私が抱えている問題は、ユーザーがコンテンツにカーソルを合わせているときに、YouTube ビデオに到達するとすぐにスクロールすることです。スクロールが止まります。
最近、追加pointer-events:none
すると問題が解決することがわかりました。しかし、これにより、ホバー再生ボタンのビデオとのやり取りが無効になることがわかりました。
誰もこの問題に遭遇したことがありますか? 誰でも解決策を提供できますか?
これが私のコードの一部です:
前もって感謝します。
node.js - Electron で xinput イベント、特に筆圧にアクセスする
Electronを使用してNode.JSのマルチタッチおよびペン/スタイラス入力を読み取るためのクロスプラットフォームAPIを探していました。Windows 10 と ArchLinux (i3wm、x11) の両方で、タブレット PC (Thinkpad Yoga) の圧力を検出できない Pointer Events Polyfill をテストしました。Hammer.js にはペン入力がなく、node-hid には何がスタイラス入力であるかを判断する効果的な手段がありません。ただし、Wacoms WILL sdk は私が探しているものをカバーしているようですが、Electron で構築されたアプリケーションに実装する方法は考えられません。
分類を使用して xinput データを読み取る方法について考えている人はいますか?
javascript - オブジェクト内の SVG 要素でマウス イベントをキャプチャし、親コンテナの div もキャプチャします
HTML で読み込まれた SVG ファイルで奇妙な問題が発生しました。SVG ファイル内の特定の要素にクリック イベントを添付していますが、これは正常に機能します。ただし、マウスとタッチのイベントを親 div にアタッチする必要もあります。SVG オブジェクトがマウス イベントをキャプチャしているように見えるため、親 div までバブリングしていません。そこで、SVG の pointer-event を none に設定してみます。この場合、親 div はマウス イベントを受け取りますが、子 SVG 要素はマウス イベントを受け取りません。子 svg 要素を pointer-events: all に設定しようとしましたが、それでもマウス イベントを取得できません。ここで何が間違っていますか?
SVGファイルを埋め込む方法は次のとおりです。
JS を介して SVG 要素にイベントを追加する方法は次のとおりです。
ここでは、SVG オブジェクトを保持している親の「マップ」div にイベントを追加しています。
前もって感謝します!
html - スクロールではなくクリック時のポインターイベント
スクロール イベントではなく、クリックを許可することは可能ですか?
両方のタイプの入力を無効にします。スクロールのみを無効にしたいと思います。回避策の他のアイデアはありますか?
css - Safari (OS X) は、オーバーフローした SVG コンテンツでポインター イベントを発行しません。
ポインター イベントclick
と、幅/高さでmousemove
定義され、レンダリングされたコンテンツ ボックスの外側にある形状をキャプチャする必要があります。<SVG>
overflow: visible
この例では、circle
が適切にレンダリングされ、現在の Chrome、FireFox、および IE11 は、eg があるかどうかに関係なく、オーバーフローした部分でポインター イベントをキャプチャしますpadding
。ただし、Safari 10.0.1 OS X ではpadding
、 、border
、および/またはを使用してもmargin
、可能な 8 つの順列のどれを使用しても、ポインター イベントは登録されません。
<SVG>
Safari は、コンテンツ ブロック内にある場合にのみクリックを発します: https://jsfiddle.net/monfera/n1qgd5h4/5/
オーバーフロー領域にあるポインター イベントをリッスンする方法はありますか? Safari が非対応 (バグ) なのか、他のブラウザが緩いのか、まだ確認していません。
より大きな要素を作成するという回避策に頼ることはできますが、それでは<SVG>
ボックス モデルと CSS の利点の多くが無効になりoverflow
、ブラウザーが行うべきことを JS で手動でやり直すことになります。