कुंजीडाउन कॉलबैक में झूठी वापसी क्यों बटन क्लिक ईवेंट को रोक नहीं देती है?

Question

मेरे पास एक बटन और निम्न जावास्क्रिप्ट दिनचर्या है।

$("button").keydown(function(key) { 
    switch(key.keyCode) { 
    case 32: //space 
    return false; 
    } 
}); 

के रूप में मैं यह समझा, return false; कार्रवाई की जा रही से कुंजी दबाने बंद कर देंगे। तो $("button").click(); नहीं कहा जाएगा। अन्य कीकोड्स के लिए यह अपेक्षा के अनुसार काम करता है। उदाहरण के लिए यदि मैं 40 को अवरुद्ध करता हूं, जो नीचे बटन है, तो पृष्ठ स्क्रॉल नहीं कर रहा है।

मैंने इस व्यवहार को फ़ायरफ़ॉक्स में देखा।

return false; स्थान पर बटन क्लिक ईवेंट को क्यों नहीं रोकता है? इस बारे में जावास्क्रिप्ट स्पेक क्या कहता है?

Answer 1

आशा यह आपके सवाल का जवाब एचटीएमएल में किसी इवेंट हैंडलर एट्रिब्यूट के अंत में कॉल किए जाने पर ब्राउज़र में एक ईवेंट। जहां तक ​​मुझे पता है कि यह व्यवहार औपचारिक रूप से कहीं भी निर्दिष्ट नहीं है।

आप के बजाय डोम तत्व (जैसे button.onkeydown = function(evt) {...}) या का उपयोग करने पर एक ईवेंट हैंडलर संपत्ति के माध्यम से एक घटना को सेट करते हैं addEventListener/attachEvent (जैसे button.addEventListener("keydown", function(evt) {...}, false)) तो सिर्फ इतना है कि समारोह से लौट रहे false हर ब्राउज़र में काम नहीं करता है और आपको बस इतना करना returnValue और preventDefault() मेरे अन्य उत्तर से सामान। preventDefaultDOM 2 spec में निर्दिष्ट है और अधिकांश मुख्यधारा के आधुनिक ब्राउज़रों द्वारा कार्यान्वित किया गया है। returnValue आईई-विशिष्ट है।

Answer 2

सबसे पहले, यदि आप अंतरिक्ष जैसे प्रिंट करने योग्य चरित्र का पता लगा रहे हैं, तो आप keypress ईवेंट से बेहतर होंगे। दूसरा, डिफ़ॉल्ट कार्रवाई को रोकने का तरीका गैर-आईई ब्राउज़र में ईवेंट पर preventDefault() पर कॉल करना है और आईई में ईवेंट की returnValue संपत्ति false पर सेट करें।

var button = document.getElementById("button"); 
button.onkeypress = function(evt) { 
    evt = evt || window.event; 
    var charCode = evt.keyCode || evt.which; 
    if (charCode == 32) { 
     if (evt.preventDefault) { 
      evt.preventDefault(); 
     } else { 
      evt.returnValue = false; 
     } 
    } 
}; 

मैं एक jQuery विशेषज्ञ नहीं हूँ और मैं इसे आप के लिए घटना प्राप्त करने का ख्याल रखता है मान:

<input type="button" value="Press" onkeydown="doOtherStuff(); return false;"> 

return false; सफलतापूर्वक रद्द:

$("button").keypress(function(evt) { 
    var charCode = evt.keyCode || evt.which; 
    if (charCode == 32) { 
     if (evt.preventDefault) { 
      evt.preventDefault(); 
     } else { 
      evt.returnValue = false; 
     } 
    } 
});