1

たとえば、text/plainまたはtext/htmlをドラッグする場合、ドロップするcontenteditable要素は、ドラッグされたコンテンツをドロップする位置にキャレット/カーソルを配置します。

私が何を意味するかを示すための非常に基本的なフィドル：例

<div contenteditable="true">DROP TEXT HERE</div>
This text wants to be dropped.

カスタムデータ型のこの動作をどのようにエミュレートできますか？または：ホバリング中に常にマウスポインタの横にカレットを置くにはどうすればよいですか？

4

1 に答える 1

0

そのために CSS :empty 擬似セレクターを使用できます

[contenteditable="true"] {
    border: 2px solid #ccc;
    min-height: 1em;
}
[contenteditable="true"]:empty:before {
    content: 'DROP TEXT HERE';
    color: #999;
}

例

于 2013-11-22T09:30:03.627 に答える