jQueryを使用してマウスカーソルにhtml要素を付けるにはどうすればいいですか?これは 'draggable'のようなものでなければなりませんが、マウスのダブルクリック後にその要素をカーソルに当て、マウスの左ボタンが押されるまでカーソルをたどります。jQueryを使ってhtml要素をマウスに添付するにはどうすればいいですか?
6
A
答えて
13
.mousemove()
と.offset()
を使用します。デモの作業
$("#clickedElement").dblclick(function() {
var $someElement = $("#elementToCling");
$(document).mousemove(function (e) {
$someElement.offset({ top: e.pageY, left: e.pageX });
}).click(function() {
$(this).unbind("mousemove");
});
});
+0
+1:これは有望そうです。 –
+1
別のデモ:http://jsfiddle.net/a4eFE/私は退屈したので、それはクールに見えました。 –
+0
ありがとう!これは私が欲しかったものです。しかし、「スナップ」、「元に戻す」、「閉じ込め」など、「ドラッグ可能な」オプションを使用できるようにしたい場合はどうすればよいでしょうか? – user1048261
関連する問題
- 1. ファイルオブジェクトをhtml要素に添付するにはどうすればいいですか?
- 2. jQueryプラグイン内の要素にclickイベントを添付するにはどうすればいいですか?
- 3. html要素に添付されたイベントを確認するにはどうすればよいですか?
- 4. HTML要素にどのようなイベントが添付されているかを知るにはどうすればよいですか?
- 5. head DOMに要素を添付するにはどうすればいいですか?
- 6. マンドリルを使って電子メールにcsvファイルを添付するにはどうすればいいですか?
- 7. docx4jを使ってファイルをMS Word文書に添付するにはどうすればいいですか?
- 8. Jqueryを使ってabsolut要素でスムーズにスクロールするにはどうすればよいですか?
- 9. jQuery html()関数で複数のhtml要素を印刷するにはどうすればいいですか?
- 10. jQueryに「クリック」イベントが添付されているすべての要素を取得するにはどうすればよいですか?
- 11. javascriptの親フレームの要素にイベントを添付するにはどうすればよいですか?
- 12. マウスの上にマウスを置いている要素の隣にdivを表示させるにはどうすればよいですか? (jQueryの)
- 13. 子要素が親要素の添付属性(ノッチ付きナビゲーション内)を継承しないようにするにはどうすればよいですか?
- 14. CSSをテンプレートに添付するにはどうすればいいですか?
- 15. Unix Shellscriptingで添付ファイル付きのhtmlメールを送るにはどうすればいいですか?
- 16. ボタンを使ってファイルを添付するにはどうすればよいですか?
- 17. jQuery要素を別のjQuery要素に追加するにはどうすればよいですか?
- 18. 削除する前に要素にHTMLが含まれているかどうかを確認するにはどうすればよいですか? jQuery
- 19. 要素のHTMLをjQueryで変数の値に設定するにはどうすればよいですか?
- 20. フレックスボックスを使って要素を一緒に動かすにはどうすればいいですか?
- 21. PDF添付ファイルをPDFとして正しく添付するにはどうすればよいですか?
- 22. backbone.jsを使用して<body>にイベントを添付するにはどうすればいいですか?
- 23. タップイベントをuiwebviewに添付するにはどうすればよいですか?
- 24. jquery:mouseenterをセレンを使って要素で実行するにはどうすればいいですか?
- 25. rubyを使って要素をハッシュに置き換えるにはどうすればいいですか?
- 26. このjQueryイベントをHTML要素のホバーにバインドするにはどうすればよいですか?
- 27. jQueryオブジェクトにHTML要素を保存するにはどうすればよいですか?
- 28. jQueryを使ってhtmlのテキストを式に変換するにはどうすればよいですか?
- 29. ng-modelに基づいてhtml要素(iframe)を作成するにはどうすればいいですか?
- 30. jQueryを使用して要素を非表示にするにはどうすればよいですか?
が、これは最も近代的なオペレーティング・システムのクリック - ドラッグ・アンド・リリース・インタフェースに使用されているほとんどのユーザーに混乱する場合があることに注意してください。 – Blazemonger