懸停事件在MS Edge中沒有正確觸發

我正在開發一個非常大的項目，並且設法讓大多數所有瀏覽器（MS Edge除外）都能正常工作。沒有supprise那裏，但我真的需要這個懸停效果的工作。懸停事件在Edge中觸發一次，然後完全停止工作。另外，它甚至不會調用我設置的功能。我已經淡化了基本功能和相關代碼，進行了演示並將其包含在此處以及在此處設置jsfiddle：https://jsfiddle.net/8cqw60Le/4/。差點忘了，我正在運行Windows 10完全更新，代碼運行Jquery 3.2.0，它設置在「onDomready」上，儘管沒有其他我嘗試過的工作。請幫忙。我很難過。懸停事件在MS Edge中沒有正確觸發

HTML：

<div id="hover_test_div" style="width:300px; height:300px; background:rgba(0,0,0,0.3);">Hover over this.</div>

JQuery的：

$("#hover_test_div").hover(function() { 
    alert ("Over"); 
    trigger_function(); 
}, function() { 
    alert ("Out"); 
    trigger_function(); 
}); 

function trigger_function() { 
    alert ("Event triggered.") 
}

我已經調查並試圖提出的建議，仍然不封邊工作。這是我在jsfiddle中嘗試的。

$("#hover_test_div").on("mouseover mouseout", function() { 
    alert($(this).text()); 
});

它在一切都很好，但它只觸發一次，然後什麼都沒有。這是新的JSFiddle。 https://jsfiddle.net/8cqw60Le/8/

來源

2017-03-17 Kent Torkelson

懸停方法被刪除 - 並且在Edge發佈之前被刪除。這不奇怪，它不工作。使用.on方法來確保與邊緣的兼容性。更多信息：http://api.jquery.com/on/#additional-notes – Korgrue

感謝您的快速回復。我閱讀了該方法，並嘗試了您的建議，並且採用相同的方式進行反應。我使用最新的調整編輯了帖子。 –

當您在mouseover事件處理程序中調用alert函數時，這似乎是Edge中的一個錯誤。我做了一些非常快速搜索，並沒有看到任何地方的寫作，所以它可能是值得寫的。

錯誤的性質：在mouseover事件處理程序中調用alert似乎會混淆Edge的選擇/鼠標模型。我注意到在alert之後，您無法再選擇文本。

要DUP：

將鼠標移動到的框。
單擊提示框上的確定。
嘗試選擇「將鼠標懸停在此上。」文本。 什麼都沒有發生。

解決方案：

執行alert在setTimeout。這是應該工作的jsfiddle。

編輯：我寫了一個bug報告here。

來源

2017-03-20 15:19:51 JosiahDaniels

非常感謝你。我開始覺得我瘋了。自從發佈以來，我已經找到了一種解決方法。它不如你的優雅和緊湊，但我不想再次重新編程。LOL。我投了你的答案，但沒有足夠的代表呢。再次感謝你。 –

@KentTorkelson很高興能幫到你。如果你覺得這個答案足夠了，那麼將其標記爲Accepted將有助於社區分類哪些問題需要更好的答案（它也給我甜蜜的互聯網點）。請參閱http://stackoverflow.com/help/someone-answers。 – JosiahDaniels

很高興完成。再次感謝。 –

懸停事件在MS Edge中沒有正確觸發

回答

相關問題