Car*_*ten 6 html security drag-and-drop google-chrome
在我的场景中,HTML5 页面(父页面)包含来自不同域的 iframe(子页面)。理想情况下,我希望能够将元素从父级拖到子级中。
这在 FireFox 中有效,但由于安全限制而在 Chrome 中失败(afaik https://bugs.chromium.org/p/chromium/issues/detail?id=251718)。
但是,如果我在不同的浏览器实例中打开相同的 HTML5 页面,从那里拖动到另一个实例的 iframe 中,则这是允许的。
安全限制的原因是用户看不到目标 iframe 的 URL,但这两种情况都是如此。为什么其中一种有效,而另一种则无效?
示例位于 http://carsten-leue.de/iframe/cross-domain/
尝试drag me拖入drop here. 这在 Chrome 中是不可能的。在另一个浏览器窗口中打开相同的 URL,然后drag me从新窗口拖到drop here旧窗口中。这有效。
小智 0
我希望您使用这个 API,因为它允许拖动!(不像源显示的图像类型!)
<!-- HTML -->
<body>
<script src="https://code.jquery.com/ui/1.13.0/jquery-ui.js"></script>
</body>
Run Code Online (Sandbox Code Playgroud)
// JavaScript
document.getElementById('elementId').draggable();
// Or if you have a class name
document.getElementsByClassName('elementClass').draggable();
Run Code Online (Sandbox Code Playgroud)