onbeforeunload घटना IE9 में भी उत्साही

Question

यहां कुछ ऐसे नमूना परीक्षण एचटीएमएल है timjeanes.com/ie9_onbeforeunload.htm

फायरफॉक्स, क्रोम और सफारी में, मैं व्यवहार मैं चाहते । यही है, पहले दो लिंक में से किसी एक पर क्लिक करना एक चेतावनी संवाद दिखाता है; तीसरे लिंक पर क्लिक करके (या अन्यथा नेविगेट करना) दिखाता है "क्या आप वाकई इस पृष्ठ को छोड़ना चाहते हैं?" संदेश।

हालांकि, आईई 9 में, "क्या आप वाकई इस पृष्ठ को छोड़ना चाहते हैं?" संदेश तब भी दिखाता है जब आप पहले दो लिंक में से किसी एक पर क्लिक करते हैं, भले ही कोई नेविगेशन नहीं हो रहा हो - हम बस कुछ जावास्क्रिप्ट चला रहे हैं।

क्या कुछ ऐसा है जो मैं गलत कर रहा हूं? या आईई के लिए एक अच्छा कामकाज है?

एक विकल्प href = "#" का उपयोग करना होगा और मेरी जावास्क्रिप्ट को ऑनक्लिक में रखना होगा। मैं उस पर उत्सुक नहीं हूं क्योंकि यह उपयोगकर्ता को पृष्ठ के शीर्ष पर ले जाता है, और मेरा वास्तविक जीवन पृष्ठ काफी लंबा है।

मैंने IE के अन्य संस्करणों में परीक्षण नहीं किया है।

Answer 1

यह एक बहुत दुर्भाग्यपूर्ण बग है। ऐसा लगता है कि आपको इसके आसपास काम करना होगा, और हैश लिंक विधि का उपयोग करना शायद सबसे अच्छा तरीका है। उपयोगकर्ता को पृष्ठ के शीर्ष पर ले जाने से बचने के लिए, event.preventDefault() और का उपयोग करके ईवेंट रद्द करें।

function myClickHandler(e) { 
    if (e.preventDefault) 
     e.preventDefault(); 
    e.returnValue = false; 
    alert("Not going anywhere!"); 
} 

इसे इस तरह कॉल:

<a href="#" onclick="myClickHandler(event)">Go nowhere 1</a> 

संपादित करें: आप सभी अपने पृष्ठ पर इस तरह हैश-लिंक के लिए घटना को रद्द कर सकता है:

var links = document.links; 
for (var i = 0; i < links.length; i++) { 
    var link = links[i]; 
    if (link.href == "#") { 
     if (link.addEventListener) { 
      link.addEventListener("click", cancelEvent, false); 
     } 
     else if (link.attachEvent) { 
      link.attachEvent("onclick", cancelEvent); 
     } 
    } 
} 
function cancelEvent(e) { 
    e = e || window.event; 
    if (e.preventDefault) 
     e.preventDefault(); 
    e.returnValue = false; 
} 

या jQuery के साथ कोड की केवल एक पंक्ति का उपयोग करके:

$("a[href='#']").click(function (e) { e.preventDefault(); }); 

Answer 2

आपको href="javascript:... का उपयोग करके क्लिक करने के लिए कोई ईवेंट बाध्य नहीं करना चाहिए: नीचे अच्छा नहीं है।

<a href="javascript:alert('Not going anywhere!');">Go nowhere 1</a> 

यदि आप ऑनक्लिक का उपयोग करने और href को रद्द करने के लिए जा रहे हैं तो बस ऑनक्लिक में झूठी वापसी करें।

<a onclick="alert('Not going anywhere!');return false;">Go nowhere 2</a> 

Answer 3

यह वास्तव में एक बग नहीं है कि "क्या आप वाकई इस पृष्ठ को छोड़ना चाहते हैं?" जब आप पहले लिंक पर क्लिक करते हैं तो संदेश पॉप अप होता है; More reasons I dislike IE

Answer 4

href में #nullonclick=""

Answer 5

में सिर्फ # और स्क्रिप्ट के बजाय कूद पेज को रोकने के लिए एक अधिक आसान समाधान IE और अन्य ब्राउज़र में onbeforeunload में ऑनअनलोड उपयोग करने के लिए है - यह आईई 9 में एक "सुविधा" हो रहा है ।