javascript - 将链接拖放到 iframe
问题描述
如何拖动/传递图像的链接并在iframe
标签中放置/打开?我是初学者,在此先感谢。
function allowDrop(ev) {
ev.preventDefault();
}
function drag(ev) {
ev.dataTransfer.setData(URL, ev.target.id);
}
function drop(ev) {
ev.preventDefault();
var data = ev.dataTransfer.getData(URL);
ev.target.appendChild(document.getElementById(data));
}
<iframe id="left" src="link" ondrop="drop(event)" ondragover="allowDrop(event)" id="a"></iframe>
<div>
<a href="x" draggable="true" ondragstart="drag(event)">
<img src="source\home.png" id="b">
</a>
</div>
解决方案
推荐阅读
- swift - 与 Ubuntu 18.04 上的 libssl-dev 不兼容,我的构建路径需要 libssl1.0-dev
- json - JSON & REACT 16.8 TypeError: _data_projects_json__WEBPACK_IMPORTED_MODULE_2__.map 不是函数
- maven - 如何将 ControlsFX 中的 AutoCompletionBinding 集成到使用 Maven 构建的模块化 JavaFX 14 项目中?
- java - 如何从 https://stackoverflow.com/questions/1864076/equivalent-function-to-cs-getch-in-java 在这个 getch 类中获取字符并处理它
- javascript - 如何使用教授提供的代码让我的 React 应用程序显示在 localhost:3000 上?
- mysql - 如何计算每行的MYSql中的AVG()
- c# - C# winapi 鼠标事件
- python - 将 txt 文件读入多个数据帧,这些数据帧由数据之间的空白间隔分割
- flutter - 如何将 'dart:ui' 图像渲染到 Flutter 中?
- javascript - 为什么我的导航栏和原始代码不一样?