iFrame会导致IE7中的脚本拖拽问题(包括完整代码)？
iFrame会导致IE7中的脚本拖拽问题(包括完整代码)？
提问于 2008-12-15 17:21:48
当我在IE7的iframe上拖动一个位于可拖动div中的链接时，我得到了非常奇怪的结果。尝试下面的代码，如果你有任何关于如何修复这个问题的建议，请让我知道。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<!--<script type="text/javascript" src="/js/prototype.js"></script>-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.3/prototype.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.2/scriptaculous.js?load=effects,dragdrop,controls"></script>
<!--<script type="text/javascript" src="/js/scriptaculous.js?load=effects,dragdrop,controls"></script>-->
</head>
<body>
<div id="test" style="background-color: #aaaaaa; width: 200px; height: 50px;">
<a href="blah" onclick="blah(); return false;">blah</a>
</div>
<iframe>
</iframe>
</body>
<script>
function blah(){
//blackbird.debug("blah");
}
var dummy = new Draggable("test", {scroll:window,scrollSensitivity: 20,scrollSpeed: 25, revert: true, onStart: onDragStart, onEnd: onDragEnd });
var temp;
function onDragStart(drgObj,mouseEvent){
temp = mouseEvent.target.onclick;
mouseEvent.target.onclick = function(e){
mouseEvent.target.onclick = temp;
return false;
}
}
function onDragEnd(drgObj,mouseEvent){
}
</script>
</html>回答 3
Stack Overflow用户
回答已采纳
发布于 2008-12-15 18:03:16
我发现唯一优雅地处理这个问题的方法是在iframe上放置一个透明度为1%的完整大小的div，然后将我的内容拖到上面。
PS在IE6和IE8中也存在拖动问题。
Stack Overflow用户
发布于 2009-02-28 19:13:25
我不能测试你的代码。但我正在开发一个iframe，在iframe的顶部也有可拖动的项目。
我有一个问题，starteffect在设置它的不透明度时有问题。我做的事情是starteffect:'‘在我新的可拖动的js代码中，用iframe做了一个干净的div。
下面是我的一段代码：
<div id="main_container">
<div>
<iframe></iframe>
</div>
<div id="youredragelelement"><img /></div>
</div>为了获得完整页面的iframe，我使用了这个网站，它非常适合我：http://www.dev-explorer.com/articles/full-page-iframe
希望能有所帮助..。
Stack Overflow用户
发布于 2008-12-15 18:14:40
你能把代码贴出来吗？我不确定我是否明白。
我将iframe封装在一个div中，这没有什么不同。
<div style="filter:alpha(opacity=1); opacity: 0.01; -moz-opacity:0.01;">
<iframe>
</iframe>
</div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/369090
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号