Przeglądarka krzyżowa obsługująca klawisz „Enter” naciskając javascript
Mam następujący przykład, który łatwo wykrywa naciśnięcie klawisza „Enter” i obsługuje go poprawnie. Oto jest:
<!DOCTYPE html>
<html>
<head>
<title>keyCode example</title>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#search-input").keyup(function (event) {
event = event || window.event;
if (event.keyCode == 13 || event.which == 13) {
$("#search-button").click();
}
});
$("#search-button").click(function () {
var theUrl = "http://www.yahoo.com/"
window.location = theUrl;
});
});
</script>
</head>
<body>
<input id="search-input" name="search" type="text"/>
<button id="search-button" type="button" alt="Search">Search</button>
</body>
</html>
To naprawdę działa dla mnie w każdej popularnej przeglądarce. Problem polega na tym, że ten kod nie działa w moim środowisku produkcyjnym w żadnej przeglądarce z wyjątkiem Firefoksa. W moim środowisku produkcyjnym skrypt jest również wbudowany w$(document).ready funkcja i znajduje się w osobnym pliku „main.js”. Tryb debugowania pokazał, że po wprowadzeniu liter lub cyfr w polu tekstowym skrypt działa poprawnie. Po naciśnięciu klawisza „Enter” program nie wchodzi nawet do$("#search-input").keyup(function (event){ Sekcja. Ale tekst znika z pola tekstowego, wygląda na to, że strona się ładuje. Powtarzam jeszcze raz, że problem można odtworzyć tylko na miejscu produkcji. Na oddzielnej stronie lokalnej, którą pokazałem powyżej, wszystko działa dobrze.
Czy ktoś wie, w czym tkwi problem?
Aktualizacja: Wszystkie klucze obsługują normalnie, z wyjątkiem Enter. Po naciśnięciu klawisza Enter$("#search-input").keyup(function (event){ nie działa, jak żadne zdarzenia się nie wydarzyły.