ReferenceError: घटना mozila में निर्धारित नहीं है फ़ायरफ़ॉक्स

Question

इस कोड फ़ायरफ़ॉक्स (V21.0) में मेरे लिए काम नहीं है, लेकिन आईई (V9, V10) और क्रोम (वी 27.0.1453.110 मी)

विधि कैलोरी में काम करता है :

<input type="text" id="txt1" class="search-bar-input" 
         onkeyup="handleKeyPress('btn1');"> 

विधि defenition:

function handleKeyPress(searchButtonId) { 
    if (event.keyCode === 13) { 
    alert(event.KeyCode); 
    } 
} 

त्रुटि संदेश:

ReferenceError: event is not defined 
if (event.keyCode === 13) { 

किसी को भी इस मुद्दे को हल करने का कोई विचार है?

Answer 1

उपयोग

<input type="text" id="txt1" class="search-bar-input" onkeyup="handleKeyPress(event, 'btn1');"> 

फिर

function handleKeyPress(event) { 
    event = event || window.event //For IE 
    if (event.keyCode === 13) { 
     alert(event.keyCode); 
    } 
} 

डेमो: Fiddle

Answer 2

आप btn1 पैरामीटर को data-* विशेषता के रूप में स्टोर कर सकते हैं और ईवेंट हैंडलर (इनलाइन के बजाय) असाइन करने के लिए अविभाज्य जावास्क्रिप्ट का उपयोग कर सकते हैं।

आपकी लाइन alert(event.KeyCode); गलत है, KeyPress में k लोअरकेस होना चाहिए।

Fiddle

एचटीएमएल

<input type="text" id="txt1" class="search-bar-input" data-searchButtonId="btn1" /> 

जावास्क्रिप्ट:

function handleKeyPress(event) { 
    if (event.keyCode === 13) { 
     console.log(event.keyCode + this.getAttribute("data-searchButtonId")); 
    } 
} 

window.onload = function(){ 
    document.getElementById("txt1").onkeyup = handleKeyPress; 
}