iPadにカーソルを合わせるにはどうすればよいですか?


13

iPadのSafariでWebページを表示するときに、Webページのコンテンツにカーソルを合わせる方法はありますか?具体的には、Ask Different iPad Contestホームページで個々のアバターにカーソルを合わせようとしていました。MacまたはPCでは、ホバリングで個人がいつレベルを完了したかが表示されますが、iPadではそれを確認できませんでした。

回答:


10

マスターyodaだけがここにアカウントを持っている場合、実装の詳細がWebテクノロジーと人間のインタラクションデザインの出会いをすばやく掘り下げるので、彼は「タップするかタップしない、ジェダイだけがホバリングできる」と言うかもしれません。

ここに画像の説明を入力してください

そのうさぎの穴を少し下がって、優れたWeb開発者がSafari のTouchEventクラスについて知っていることを指摘することもできます。ターゲットに触れると、Webページのコンテンツに目に見える効果があります。

タッチがマウス中心のモデルを反映すること期待するのは一般的に 悪い設計ですが、それはこの特定のサイトの設計が間違っているという意味ではありません。シミュレートされたマウスオーバーイベントに依存するよりも簡単なタッチ用の設計方法があると考える前に、よく考えてください。


3
実際の行は「行う、またはしない。試行はありません」ですので、「タップする、またはタップしないでください。ホバーはありません。」
私を削除してください

しかし、それはルークが沼地でin
落し

1
編集履歴を参照してください...たぶん私は...それからそらす皆にヨーダの画像を必要とする-ヨーダのために話すように私の最初の試みは失敗でいっぱいだった
bmike

2番目の段落で、touchstartイベントをホバリングの代替として使用できるということですか?JavaScriptで行う必要がありますか?ありがとう!
カバ

この答えがわかりません。また、質問はiPadでSafariを使用する方法に関するものであり、その答えはWebページのデザインに関するアドバイスを与えるようです。
カイカーバー

6

a:hoverプロパティとのリンクがある画像を(非常に)軽くタップすると、そのa:hoverエクスペリエンスがアクティブになります。長いタップは<a>リンクをたどります。残念ながら、この動作は<acronym>タグでは見られません:hover。デスクトップブラウザーではに似た動作をします。 以下は、iPhoneでテストした、完全はない例です。


4

いいえ、タッチデバイスでそれを行う方法はありません。iPadが画面上で指がホバリングしていることを検出する方法はありません:)(技術的にはこれは完全に可能ですが、理論的には将来のiPadモデルに追加される可能性があります。)

ただし、JavaScriptを使用してtitlehttp//thenewipadishere.com/の画像リンクの属性値を表示できます。

[].forEach.call(document.images, function(element) {
  var span = document.createElement('span');
  span.innerText = element.title;
  element.parentNode.insertBefore(span, element);
});

ブックマークレット形式:

javascript:[].forEach.call(document.images,function(b){var a=document.createElement("span");a.innerText=b.title;b.parentNode.insertBefore(a,b)});

それをコピーして貼り付け、選択したiOSデバイスにブックマークとして追加します。次に、http://thenewipadishere.com/にアクセスして、ブックマークを選択します。


ブックマークを作成することはできません。開いているページのブックマークしか作成できないようです。ただし、2番目のフォームをアドレスバーに貼り付けると機能し、タイトル属性が表示されます。
カバ

このスクリプトはコンテストページに固有のものではないようです。
カバ

1
@Hippo任意のページに移動して、ブックマークとして追加します。次に、戻ってブックマークを編集します。これで、URLを編集できるようになります。コンテストページ用にこのスクリプトをtitle記述しましたが、属性付きの画像を使用するすべてのページで機能します。
マティアスバイネンズ

ああ、私は今それを見る...デフォルトのブックマークはURL編集オプションを持っていなかったので、それは私を混乱させた。
カバ

1

iPad用のPuffin Webブラウザーをお試しください。トラックパッドモードのカーソルはホバーできます。また、フラッシュビデオを見ることができますが、遅いですが、少なくとも可能です。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.