ReferenceError: событие не определено в Mozila Firefox

Question

Этот код не работает для меня в Firefox (V21.0), но работает в IE (V9, V10) и хром (V 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-* и использовать ненавязчивый Javascript для назначения обработчика события (вместо встроенного).

Также ваша строка alert(event.KeyCode); неверна, K в KeyPress должен быть в нижнем регистре k.

Fiddle

HTML

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

Javascript:

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

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