1

私はiPad2向けのモバイルウェブサイトの始まりに取り組んでいます。これはここで見ることができます。

赤い背景をスワイプすると、右側に青い背景が表示されますが、コンテンツが選択されていないためリセットされます。コンテンツを選択するには、次のいずれかを行う必要があります。(a)マウスの左ボタンをサイドバーアイコン(AからE)のいずれかの上に置いてから、72ピクセルを超えて左にドラッグします(それ以下の場合はリセットされます。偶発的なスワイプ); または(b)サイドバーアイコンをクリック(またはタップ)するだけです。

問題は、(b)は問題なく機能しますが、(a)は機能しないことです。Chromeでは、短い距離(おそらく最小スワイプ距離設定に等しい)の後、「許可されていない」カーソルが表示され、マウスの左ボタンを離した後、「マウスアップ」イベントは登録されません。上記のリンクをChromeで自分でテストできます。

なぜこれが起こっているのか誰かが判断できますか?関連するJavaScriptはここで見ることができます。

4

1 に答える 1

1

Chromeでリンク(<a href="...">)をドラッグすると、ドラッグが開始されるまでしばらく時間がかかります(つまり、マウスが一定の距離を移動している必要があります)。ドラッグが開始されたら、URLを別の場所にドラッグできます(たとえば、タブストリップにドラッグして新しいタブで開くことができます)が、スクリプトを使用してドラッグ機能を自分で使用することはできません。

draggable="false"解決策は、Chromeがこのネイティブドラッグ動作を示さないように追加することです。

<a href="..." draggable="false">...</a>
于 2012-10-18T17:42:27.647 に答える