Javascript 在div内容编辑器中自由移动图像
如何在divJavascript 在div内容编辑器中自由移动图像,javascript,html,css,contenteditable,Javascript,Html,Css,Contenteditable,如何在divcontenteditable中添加功能以允许图像自由移动?我希望能够单击并拖动图像,将其放置在contenteditable中我想要的任何位置。如果可能的话,我想要一个普通的JavaScript解决方案(没有jquery) #myContent{ 高度:90vh; 宽度:62vw; 背景色:#dfdfdf; 左:2%; 右:2%; 垫面:5px; 溢出y:滚动; 线高:20px; } #myContent:焦点{ 大纲:无; } #myContent::-webkit滚动条{ 显
contenteditable
中添加功能以允许图像自由移动?我希望能够单击并拖动图像,将其放置在contenteditable
中我想要的任何位置。如果可能的话,我想要一个普通的JavaScript解决方案(没有jquery)
#myContent{
高度:90vh;
宽度:62vw;
背景色:#dfdfdf;
左:2%;
右:2%;
垫面:5px;
溢出y:滚动;
线高:20px;
}
#myContent:焦点{
大纲:无;
}
#myContent::-webkit滚动条{
显示:无;
}
这实际上与contenteditable本身没有任何关系。您只需将元素声明为。如果您的contenteditable div内容中有一个图像,只需将其拖动到新位置即可。不需要额外的工作。@Coach先生,它似乎不允许我移动它。你能提供一些代码来复制它吗?@Scott Marcus我怎么能一直检查粘贴的图像?我的程序只会在一开始检查它,然后它将不允许移动其余的图像。这实际上与ContentEditable本身没有任何关系。您只需将元素声明为。如果您的contenteditable div内容中有一个图像,只需将其拖动到新位置即可。不需要额外的工作。@Coach先生,它似乎不允许我移动它。你能提供一些代码来复制它吗?@Scott Marcus我怎么能一直检查粘贴的图像?我的程序只会在开始检查它,然后它将不允许移动其余的图像