jquery ui のdraggable,droppableを使って、あるDOMの要素ををtextarea(dropした位置)に挿入したいです。
ドラッグ、ドロップは普通に動かせるのですが、以下の機能が実装できません。
情報お持ちの方、いらっしゃいましたら、お願いします。
ドラッグ中、または、ドロップした瞬間に、textareaのキャレット位置を取得する
実装方法が思いつきません。
(ドロップ時点です。)
欲を言えば、ドラッグ中にキャレット位置を表示させたいです。
※ちょうど、chromeやFFで画像をテキストエリアにドラッグするようなイメージです。
No.1ベストアンサー
- 回答日時:
全部は書けないのでヒントだけ
http://msdn.microsoft.com/en-us/library/ms535861 …
を利用するといい。
後は、
ondragstart
ondragenter
ondragstop
でそれぞれで
event.X
event.Y
を拾えばいい。
互換性はCSS3ぐらいなのか。もともとIE5.5では実装されていたが、正式にはIE9からのようで、仕様がCSS3になるようで、別の動作になる。CSS3対応のブラウザなら動作する。IEはDOCTYPEの変更で対応。
単にondragstartだと、ドラックしている間は、そのオブジェクトがActiveなので、その途中のX,Yは取れない。なので、dataTransferを使えば、途中も拾えるのでドロップした時には、キャレットのX,Yをevent発生ポイントで拾える。
これはDIVにも適用できるので、formオブジェクト以外もOK。
サンプルページがついているので、ためしてください。
jquery uiは
http://jqueryui.com/download
で、デベロッパーをDLするとサンプルが付いてくるので、それをテンプレートとすればわかるはずですが。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- Photoshop(フォトショップ) 【Photoshop】画像拡大時に急激に画面外まで拡大してしまうのを制御したい 1 2023/08/25 03:04
- Illustrator(イラストレーター) プロパティパネルを元に戻せますか 3 2022/05/07 16:44
- Excel(エクセル) Excel ヘルプの[ロック解除]、<c0>、</c0> の意味は何ですか? 1 2023/02/20 16:58
- Illustrator(イラストレーター) プロパティパネルを元に戻したい 3 2022/05/02 23:26
- Windows 10 タスクバー上に表示されたアドレス・ボックス? 1 2023/04/30 17:37
- Word(ワード) Word文書のドラッグ操作による配置調整。 1 2022/10/16 19:24
- Word(ワード) 表の縦罫線を移動するピッチ 1 2022/10/12 12:24
- Chrome(クローム) サイトのショートカットアイコンの格納場所は? 1 2022/12/26 01:38
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Excelで =EMBED("Acrobat Docu...
-
COMコンポーネントって何?
-
ワイルドカード<?>と型パラメー...
-
ビジュアルC++でボタンの有...
-
JSPのout.printについて
-
多人数のじゃんけんプログラム
-
JAVAからHTMLへ値を返す方法
-
bmp画像をjpegやpng画像に圧縮...
-
パワーポイントのVBAでテキスト...
-
VBAのWindowオブジェクトとWork...
-
VBからBATファイルを起動して戻...
-
戻り値がクラスオブジェクト
-
オブジェクトに値を保持させる...
-
C#でフォームのオブジェクト名...
-
エプソンVP-930のESC/Pの操作に...
-
Vbで通常使用するプリンターを...
-
ワードで画像をドロップすると...
-
Date型オブジェクトから日付の...
-
newは明示的にした方が良いのか?
-
Google Apps Scriptの時刻の計算
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
パワーポイントのVBAでテキスト...
-
Excelで =EMBED("Acrobat Docu...
-
ワイルドカード<?>と型パラメー...
-
EXCEL VBAにて動的にCheckBOXを...
-
VBAのWindowオブジェクトとWork...
-
C#でフォームのオブジェクト名...
-
LISTBOXの内容が更新されま...
-
Object型からDouble型へのキャスト
-
JAVAからHTMLへ値を返す方法
-
COMコンポーネントって何?
-
ビジュアルC++でボタンの有...
-
戻り値がクラスオブジェクト
-
VBA 同じ名前のオブジェクトを...
-
ASP.net 教えてください!!(...
-
Vbで通常使用するプリンターを...
-
newは明示的にした方が良いのか?
-
CoCreateInstanceでエラーになる。
-
オブジェクトレベルとメタレベル
-
bmp画像をjpegやpng画像に圧縮...
-
Accessの連結・非連結オブジェ...
おすすめ情報