[解決済み] jQueryで「ドラッグ」を検出できるか?
2022-08-28 08:15:44
質問
ユーザーがリンクをクリックしたときに表示されるスロッバーがあります。
問題は、同じリンクをクリックし、ドラッグして並べ替えることができることです。この場合、スロッバーは表示する必要がありません。実際にどこかに行くのを待っている場合にのみ、表示される必要があります。
jQuery を使用して、以下のようなイベントリスナーを作成するにはどうすればよいでしょうか。 リンクへのクリックがあった場合のみ、スロッバーが表示されるようにします。 というイベントリスナーを作成できますか?
どのように解決するのですか?
マウスダウンで状態の設定を開始し、mousemoveイベントが発生したらそれを記録し、最後にマウスアップで、マウスが動いたかどうかをチェックします。移動した場合は、ドラッグしていることになります。動いていなければ、それはクリックです。
var isDragging = false;
$("a")
.mousedown(function() {
isDragging = false;
})
.mousemove(function() {
isDragging = true;
})
.mouseup(function() {
var wasDragging = isDragging;
isDragging = false;
if (!wasDragging) {
$("#throbble").toggle();
}
});
以下はデモです。 http://jsfiddle.net/W7tvD/1399/
関連
-
[解決済み] 要素外でのクリックを検出するにはどうすればよいですか?
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] jQueryでチェックボックスに "checked "を設定する
-
[解決済み] jQueryの「exists」関数はありますか?
-
[解決済み] どのラジオボタンが選択されているかをjQueryで知るにはどうしたらよいですか?
-
[解決済み] jQueryでページを更新するにはどうすればよいですか?
-
[解決済み] jQueryで複数のクラスを持つ要素を選択するにはどうすればよいですか?
-
[解決済み] jQueryがどのバージョンで読み込まれているかを確認するには?
-
[解決済み] jQueryのn番目の要素を取得する方法
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
Uncaught SyntaxError: 予期しない入力の終了
-
[解決済み] jQueryでdata属性で要素を選択する
-
[解決済み] jQuery 複数のイベントで同じ関数を起動する
-
[解決済み] Twitter Bootstrapのモーダルウィンドウを閉じないようにする
-
[解決済み] Google Maps APIでマウスのスクロールホイールによる拡大縮小を無効にする方法
-
[解決済み] jQueryを使用してテキストボックスの値を取得するには?
-
[解決済み] jQueryを使用して配列から特定の値を削除する方法
-
[解決済み] .text()を使って子タグにネストされていないテキストのみを取得する方法
-
[解決済み】jQueryがリクエストボディに有効なjsonを投稿する。
-
[解決済み] jQueryで選択されたオプションのインデックスを取得する