IE浏览器及其错误之一

Internet explorer and one of its bug

本文关键字：错误 浏览器 IE      更新时间：2023-09-26

由于我的上一篇文章很难理解，我将尝试再次解释我的问题，但会更容易理解！

我正在使用Internet Explorer 11（就个人而言，但也许客户端不会使用此版本，我真的不知道）。

上下文 ：我有一个div，我有一个管理图片的另一个页面，图片实际上比div 大。所以我找到了一个脚本，允许我通过点击拖动在图片上移动（我有类似东西的最好例子是谷歌地图，当你点击拖动时地图移动）。在这张图片上，我有一张包含区域的地图（实际上，大约 400 个区域），当我单击其中一个区域时，它会打开一个新的互联网页面（所有区域都包含超链接）。

问题：除了我的光标移动到某个区域上方时，一切正常。当我这样做时（即使没有单击），页面似乎停止了，光标转换为不允许的光标，我无法再移动大约 4 秒。在这 4 秒之后，页面似乎刷新了自己，然后页面再次工作，就像什么都没发生一样，有时，IE 崩溃，我必须停止它。这有点障碍，因为它使页面响应速度降低。

有人已经有这个错误了吗？

多谢！

（注意：如果有人要求我，我会放代码，但我不确定这在这种情况下是否真的重要：/）

现在的代码：第 1 页：放置div 的页面：

<div id="one">
    <iframe src="index.htm" style="width:100%; height:100%;" alt=""   id="fram"> </iframe>
</div>

页 2 ：

function startDrag(e) {
    // determine event object
    if (!e) {
        var e = window.event;
    }
    // IE uses srcElement, others use target
    var targ = e.target ? e.target : e.srcElement;
    if (targ.className != 'dragme') {return};
    // calculate event X, Y coordinates
    window.offsetX = e.clientX;
    window.offsetY = e.clientY;
    // assign default values for top and left properties
    if(!targ.style.left) { targ.style.left='0px'};
    if (!targ.style.top) { targ.style.top='0px'};
    // calculate integer values for top and left 
    // properties
    window.coordX = parseInt(targ.style.left);
    window.coordY = parseInt(targ.style.top);
    drag = true;
    // move div element
        document.onmousemove=dragDiv;
}
 function dragDiv(e) {
    if (!drag) {return};
    if (!e) { var e= window.event};
    var img = "SiteMap.png";
    var targ=e.target?e.target:e.srcElement;
    // move div element
        if (coordX+e.clientX-offsetX < 0 && coordX+e.clientX-offsetX > -maxsizeX+divX){
            targ.style.left=coordX+e.clientX-offsetX+'px';
        }
        if (coordY+e.clientY-offsetY< 0 && coordY+e.clientY-offsetY > -maxsizeY+divY){
            targ.style.top=coordY+e.clientY-offsetY+'px';
        }
    return false;
}
function stopDrag() {
    drag=false;
}
</head>
<body>
<img src="SiteMap.png" usemap="#TruView" id="draggable" class="dragme">
<map name="TruView">
<area title="P96N-P-1" shape="circle" coords="5091,347,16" href="P96N-P-1/TruView.xml" target="_blank">
<area title="P96N-P-2" shape="circle" coords="5105,490,16" href="P96N-P-2/TruView.xml" target="_blank">
<area title="P96N-P-3" shape="circle" coords="5112,682,16" href="P96N-P-3/TruView.xml" target="_blank">
<area title="P96N-P-4" shape="circle" coords="5123,808,16" href="P96N-P-4/TruView.xml" target="_blank">
<area title="P604-P-1" shape="circle" coords="5105,933,16" href="P604-P-1/TruView.xml" target="_blank">
<area title="P604-P-2" shape="circle" coords="5029,968,16" href="P604-P-2/TruView.xml" target="_blank">
<area title="P604-P-3" shape="circle" coords="5033,1124,16" href="P604-P-3/TruView.xml" target="_blank">
<area title="P604-P-4" shape="circle" coords="5100,1168,16" href="P604-P-4/TruView.xml" target="_blank">
<area title="P98-P-1" shape="circle" coords="5096,1379,16" href="P98-P-1/TruView.xml" target="_blank">
<area title="P98-P-2" shape="circle" coords="5023,1322,16" href="P98-P-2/TruView.xml" target="_blank">
<area title="P98-P-3" shape="circle" coords="5094,1351,16" href="P98-P-3/TruView.xml" target="_blank">
<area title="P98-P-4" shape="circle" coords="5098,1507,16" href="P98-P-4/TruView.xml" target="_blank">
<area title="P98-P-5" shape="circle" coords="5086,1628,16" href="P98-P-5/TruView.xml" target="_blank">
<area title="P98-P-6" shape="circle" coords="5088,1592,16" href="P98-P-6/TruView.xml" target="_blank">
...

我将做出此响应，因为我检查了如何使其正常工作！

问题来自：

function dragDiv(e) {
    if (!drag) {return }; // <- HERE! You have to return false, instead of just return
    if (!e) { var e= window.event};
    //var img = "SiteMap.png";
    var targ=e.target?e.target:e.srcElement;

如果我理解得很好，它用于停止浏览器的默认工作。与 event.stopPropagation 和 event.preventDefault 相关的内容。我会对它进行其他搜索，但这是解决方案，如果你也有这样的东西！:)

相关文章：