Чтобы воспроизвести ошибку, откройте следующее веб-приложение в Internet Explorer 6 (и я полагаю, что такая же ошибка появляется в некоторых более поздних версиях Internet Explorer, поскольку она также появляется в Internet Explorer 11 при запуске в режиме совместимости, которыйдолжен эмулировать Internet Explorer 8):http://flatassembler.000webhostapp.com/compiler.htmlТеперь в правом верхнем углу вы должны увидеть три кнопки.Нажмите первый слева, кнопка «свернуть».В нижней средней части страницы должен быть перетаскиваемый значок, который можно дважды щелкнуть, чтобы «свернуть» веб-приложение.В большинстве браузеров вы можете перетаскивать его, указывая на этот значок, нажимая левую кнопку мыши и перемещая его, а затем отпуская левую кнопку мыши.В Internet Explorer 6 и Internet Explorer 11 работают в режиме совместимости (и я полагаю, что некоторые другие браузеры, в которых я его не тестировал) происходит так, что значок застревает в курсоре даже после того, как вы отпустили левую кнопку мыши, ивам нужно нажать на нее еще раз, чтобы значок прекратил следовать за курсором.У вас есть идея, что происходит?Есть ли быстрое решение?Вот код, который я использовал для работы функции перетаскивания:
<!-- ... -->
<div id="ikona"
style="text-align:center; display:none; position:absolute; color:white; font-family:Arial; font-size:10px;">
<img src="https://www.theflatearthsociety.org/forum/avr/avatar_1461509_1483220545.png" alt="AEC" style="width:75px;" draggable="false"/><br/>
<span id="opis">Arithmetic<br/>Expression<br/>Compiler</span>
</div>
<script type="text/javascript">
//...
document.getElementById("smanji").onclick=function() { //The "minimize" button.
//...
document.getElementById("ikona").style.display="block";
document.getElementById("opis").style.backgroundColor="transparent";
document.getElementsByTagName("nav")[0].style.display="none";
document.getElementById("ikona").style.left=document.body.clientWidth/2-document.getElementById("ikona").offsetWidth/2;
document.getElementById("ikona").style.top="auto";
document.getElementById("ikona").style.bottom="8px";
}
//...
if (!(/(M|m)obile/.test(navigator.userAgent))) {
//...
document.getElementById("ikona").onclick=function()
{
document.getElementById("opis").style.backgroundColor="blue";
}
document.getElementById("ikona").onmousedown=function()
{
dragInit(this);
}
//...
}
//...
var isFirefox=false;
var selected;
var x_pos = 0;
var y_pos = 0;
var x_elem = 0;
var y_elem = 0;
function dragInit(elem) {
selected = elem;
x_elem = x_pos - selected.offsetLeft;
y_elem = y_pos - selected.offsetTop;
}
function moveElement(e) {
if (!window.event) {
isFirefox=true;
window.event=new Object();
}
if (isFirefox)
{
window.event.clientX=e.clientX;
window.event.clientY=e.clientY;
}
x_pos = window.event.clientX;
y_pos = window.event.clientY;
if (selected) {
selected.style.left = (x_pos - x_elem) + 'px';
selected.style.top = (y_pos - y_elem) + 'px';
}
}
function destroy(e) {
if (!window.event) {
isFirefox=true;
window.event=new Object();
}
if (isFirefox)
{
window.event.clientX=e.clientX;
window.event.clientY=e.clientY;
}
if (window.event.clientX<document.getElementById("ikona").style.left.substring(0,document.getElementById("ikona").style.left.length-2)*1
|| window.event.clientX>document.getElementById("ikona").style.left.substring(0,document.getElementById("ikona").style.left.length-2)*1+document.getElementById("ikona").offsetWidth
|| window.event.clientY<document.getElementById("ikona").style.top.substring(0,document.getElementById("ikona").style.top.length-2)*1
|| window.event.clientY>document.getElementById("ikona").style.top.substring(0,document.getElementById("ikona").style.top.length-2)*1+document.getElementById("ikona").offsetHeight)
document.getElementById("opis").style.backgroundColor="transparent"; selected = null;
}
document.onmousemove = moveElement;
document.onmouseup = destroy;`
//...
</script>
<!-- ... -->
Для нескольких посетителей моего сайта, которые все еще используют более старые версии Internet Explorer ...