タグ付けされた質問 「touch」

デスクトップとモバイルの両方のデバイスで使用するためのjQueryプラグインを作成しました。デバイスにタッチスクリーン機能があるかどうかを検出する方法がJavaScriptにあるかどうか疑問に思いました。jquery-mobile.jsを使用してタッチスクリーンイベントを検出し、iOS、Androidなどで動作しますが、ユーザーのデバイスにタッチスクリーンがあるかどうかに基づいて条件ステートメントを記述したいと思います。 それは可能ですか？

416 javascript  jquery  touch 

UIViewにタッチイベントを追加するにはどうすればよいですか？ 私が試す： UIView *headerView = [[[UIView alloc] initWithFrame:CGRectMake(0, 0, tableView.bounds.size.width, nextY)] autorelease]; [headerView addTarget:self action:@selector(myEvent:) forControlEvents:UIControlEventTouchDown]; // ERROR MESSAGE: UIView may not respond to '-addTarget:action:forControlEvents:' サブクラスを作成して上書きしたくない - (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event

280 ios  objective-c  events  uiview  touch 

Theme.Dialogスタイルを使用しているアクティビティがあるため、別のアクティビティの上にフローティングウィンドウが表示されます。しかし、ダイアログウィンドウの外側（バックグラウンドアクティビティ上）をクリックすると、ダイアログが閉じます。この動作を停止するにはどうすればよいですか？

229 java  android  android-activity  dialog  touch 

ドラッグにハンマーを使用していますが、この警告メッセージが私に伝えているように、他のものをロードするときにハンマーが途切れます。 メインスレッドがビジー状態のため、 'touchstart'入力イベントの処理がXミリ秒遅れました。ページの応答性を高めるために、イベントハンドラーを「パッシブ」としてマークすることを検討してください。 だから私はそのようにリスナーに「パッシブ」を追加しようとしました Hammer(element[0]).on("touchstart", function(ev) { // stuff }, { passive: true }); しかし、私はまだこの警告を受けています。

217 javascript  jquery  angularjs  touch  hammer.js 

シンプルなコントロールをしたいのですが、内部にビューがあるコンテナです。コンテナに触れて指を動かすと、指に追従するようにビューを移動したいと思います。 どのようなコンテナー（レイアウト）を使用すればよいですか？これを行う方法？ 表面を使用する必要はありませんが、シンプルなレイアウトです。

177 android  touch 

タッチ（クリックすると画面が非表示になります）とマウス（ホバープレビューに大きく依存）のインターフェイスが非常に異なるWebアプリケーション（興味深いテキストのページがあるWebサイトではありません）を開発しています。ユーザーにマウスがなく、適切なインターフェースを提示できないことをどのように検出できますか？マウスとタッチの両方（一部のノートブックのように）を使用する人のためにスイッチを残すつもりです。 ブラウザーのタッチイベント機能は、実際にはユーザーがタッチデバイスを使用していることを意味しません（たとえば、Modernizrはそれを切り取りません）。質問に正しく答えるコードは、デバイスにマウスがある場合はfalseを返し、そうでない場合はtrueを返します。マウスとタッチを備えたデバイスの場合、falseを返します（タッチのみではありません）。 余談ですが、私のタッチインターフェイスはキーボードのみのデバイスにも適している可能性があります。そのため、検出したいマウスが不足していることになります。 必要性をより明確にするために、私が実装しようとしているAPIは次のとおりです。 // Level 1 // The current answers provide a way to do that. hasTouch(); // Returns true if a mouse is expected. // Note: as explained by the OP, this is not !hasTouch() // I don't think we have this in the answers already, that why …

149 javascript  html  touch  mouse 

常に表示される「前へ」ボタンと「次へ」ボタンを備えたカルーセルを作成しました。これらのボタンにはホバー状態があり、青色に変わります。iPadのようなタッチデバイスでは、ホバー状態が固定されているため、ボタンをタップしても青色のままになります。それは欲しくない。 各ボタンのno-hoverクラスontouchendを追加して、CSSを次のようにすることもできます。button:not(.no-hover):hover { background-color: blue; }ただし、これはおそらくパフォーマンスにかなり悪影響を及ぼし、Chromebook Pixel（タッチスクリーンとマウスの両方を備えている）などのデバイスを正しく処理しません。 にtouchクラスを追加しdocumentElementて、CSSを次のようにするhtml:not(.touch) button:hover { background-color: blue; }こともできます。ただし、タッチとマウスの両方を備えたデバイスでは正しく機能しません。 私が好むのは、ホバー状態を削除することontouchendです。しかし、それは可能ではないようです。別の要素にフォーカスしても、ホバー状態は削除されません。別の要素を手動でタップすると動作しますが、JavaScriptでそれをトリガーできないようです。 私が見つけたすべてのソリューションは不完全に見えます。完璧な解決策はありますか？

144 javascript  css  hover  touch 

ブラウザーイベントを処理しているときに、モバイルデバイス用のSafariのtouchEventsを組み込み始めました。addEventListenersが条件付きでスタックしていることがわかります。このプロジェクトはJQueryを使用できません。 標準のイベントリスナー： /* option 1 */ window.addEventListener('mousemove', this.mouseMoveHandler, false); window.addEventListener('touchmove', this.mouseMoveHandler, false); /* option 2, only enables the required event */ var isTouchEnabled = window.Touch || false; window.addEventListener(isTouchEnabled ? 'touchmove' : 'mousemove', this.mouseMoveHandler, false); jQueryは次のbindように複数のイベントを許可します。 $(window).bind('mousemove touchmove', function(e) { //do something; }); JQueryの例のように2つのイベントリスナーを組み合わせる方法はありますか？例： window.addEventListener('mousemove touchmove', this.mouseMoveHandler, false); 提案やヒントは大歓迎です！

144 javascript  jquery  touch  addeventlistener 

:hoverユーザーがタッチデバイス経由で当社のWebサイトにアクセスした場合、すべてのCSS宣言を無視したいと思います。ので、:hoverCSSは意味がない、と要素がフォーカスを失うまで、それは固執する可能性があるので、それもクリック/タップにタブレットトリガ場合は、それを邪魔することができます。正直なところ、なぜタッチデバイスが:hover最初にトリガーの必要性を感じるのかはわかりませんが、これは現実であり、この問題も現実です。 a:hover { color:blue; border-color:green; // etc. > ignore all at once for touch devices } それで、（どのように）:hover宣言したタッチデバイスのすべてのCSS 宣言を一度に（それぞれを知る必要なく）削除/無視できますか？

141 html  css  hover  touch 

他の多くのビューの上にオーバーレイされたビューがあります。私はオーバーリーを使用して画面上のいくつかのタッチを検出していますが、それ以外の場合、スクロールビューなど、その下にある他のビューの動作を停止させたくありません。どのようにすればすべてのタッチを転送できますか？このオーバーレイビュー？UIViewのサブカルスです。

141 events  uiview  touch 

メディアクエリを使用して、タッチスクリーンデバイス上にないときに何かを実行する最も安全な方法は何ですか？方法がない場合、!window.TouchまたはModernizr などのJavaScriptソリューションを使用することをお勧めしますか？

122 css  touch  media-queries 

次のようなHTMLを使用します。 <p>Some Text</p> 次に、このようないくつかのCSS： p { color:black; } p:hover { color:red; } タッチ対応デバイスで長いタッチをホバーを複製するようにするにはどうすればよいですか？マークアップを変更したり、JSを使用したりできますが、これを行う簡単な方法は考えられません。

120 javascript  html  css  hover  touch 

現在のところ、この質問はQ＆A形式には適していません。事実、参考文献、専門知識によって回答が裏付けられることを期待していますが、この質問は、討論、議論、投票、または拡張ディスカッションを求める可能性があります。この質問が改善され、場合によっては再開できると思われる場合は、ヘルプセンターにアクセスしてください。 7年前休業。 タッチデバイスで動作するドラッグ＆ドロッププラグインを探しています。 「ドロップ可能な」要素を許可するjQuery UIプラグインと同様の機能が欲しいのですが。 プラグインjqtouchドラッグサポートしていますが、ノードロップ。 こちらはiPhone / iPadのみに対応したドラッグ＆ドロップです。 誰でも私にandroid / iosで動作するドラッグ＆ドロッププラグインの方向を教えてもらえますか？ ...または、ドロップ機能のためにjqtouchプラグインを更新することが可能かもしれません。AndriodとIOSですでに実行されています。 ありがとう！

120 javascript  jquery  jquery-ui  touch 

iPadやその他のタッチデバイスでjQuery-UIのソート可能な機能を動作させるにはどうすればよいですか？ http://jqueryui.com/demos/sortable/ 私が使用してしようとしたevent.preventDefault();、event.cancelBubble=true;とevent.stopPropagation();してtouchmoveとscrollイベントが、結果は、ページがもはやスクロールしないということでした。 何か案は？

116 ipad  jquery-ui  scroll  touch  jquery-ui-sortable 

指でキャンバスに描画するプロジェクトを構築する必要があります。 指のタッチイベントとモーションイベントを取得し、そこから描画します。 誰でも私にプロジェクトを始める方法をアドバイスできます、 このようなことをするのに最適なコンポーネントは何ですか？

114 android  drawing  touch  android-canvas