テキストボックスにドラッグアンドドロップする

私はページの左側に人のリストを持っていますが、このリストはPHPによって読み込まれます。

それぞれの人は自分のdivに入っています(これは変更できますが、divの方が扱いやすくなると思っていました)。これらの人のいずれかをテキストボックスにドラッグして、そのテキストボックスに名前を入力できるようにしたいと思います。

また、もっと厄介なものにするために、私は実際にjQueryやプロトタイプを使いたくはありません。または他のどれかが本当にあります。

Edit:
Sorry let me rephrase the question…
How would I check to see if something has been dragged on top of a
textbox? And how would I get the ID of that element?

私が知らないのは、何かがテキストボックスの上にドラッグされているかどうかをチェックする方法です(テキストボックスではなく入力ボックスですが、大きな問題はありません)。

私は、 onDragOnto = ""
のような魔法のようなパラメータは決して存在しないだろうが、うまくいけば、

ベストアンサー

詳細がなければ、私は本当に良い答えを提供することはできません。

DIV要素内をクリックすると、Javascriptイベントが発生し、要素のテキストが選択されます。次に、このテキストを複数行のテキストエリアにドラッグすることができます。

今、編集の情報で:

あなたはあなたが持っている各DIVにonmousedownイベントを登録します。

名前について:

<div onmousedown="onMouseDown(event);" onmouseup="onMouseUp(event);">Jane</div>

textarea/textboxについて:




そしてスクリプト:

<script>

function onMouseOver(evt) {
    target = document.lastClicked;
    if (target != null) {
        window.alert(target.id);
    }
}

function onMouseDown(evt) {
    document.lastClicked = window.event.target;
}

function onMouseUp(evt) {
    document.lastClicked = null;
}

</script>

これは非常に粗末なことですが、これがあなたに求めている原則を与えることを願っています。テキストをドラッグ&ドロップするだけでなく、要素を強制的に移動させたい場合は、物事がより毛深くなります。これを処理するには、CSSを使用して座標を変更する必要があります。

コメントする

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です