Home/ Questions/Q 6549389
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T12:05:14+00:00

I am trying to use the keyup function in a little search I made,

  • 0

I am trying to use the keyup function in a little search I made, but with the files on the server and accessing the page through IE8 and FF, the keyup function doesn’t seem to work. To test it I borrowed the code from the jQuery websites example put it on the server (it’s Windows Server 2003 R2). However, this example also isn’t working(http://api.jquery.com/keyup/). I noticed it has the line

<script type="text/javascript" src="/scripts/events.js"></script>

and my initial thought was, “mine isn’t working because I’m missing this events file!” but after googling I’m thinking this isn’t the case. In my code I’m linking to a downloaded copy of jQuery, and I’ve also tried linking it through the googleapi’s copy, no luck either time. Any thoughts about why the keyup function might not be working on the server?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The code on that page seems a little broken. Specifically, it seems to use a print function that’s absent from the latest jQuery (perhaps it’s included in that missing events.js script?)

    I’ve made some small changes to make a working version (note I’m using the Google-hosted jQuery; you can point that at your local version instead and it should still work fine.)

    <!DOCTYPE html>
<html>
<head>
  <style>
fieldset { margin-bottom: 1em; }
input { display: block; margin-bottom: .25em; }
#print-output {
  width: 100%;
}
.print-output-line {
  white-space: pre;
  padding: 5px;
  font-family: monaco, monospace;
  font-size: .7em;
}

</style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script>
</head>
<body>
  <form>
  <fieldset>
    <label for="target">Type Something:</label>
    <input id="target" type="text" />
  </fieldset>
</form>
<button id="other">
  Trigger the handler
</button>
<div id="output"></div>
<script>
var xTriggered = 0;
$('#target').keyup(function(event) {
  if (event.keyCode == '13') {
     event.preventDefault();
   }
   xTriggered++;
   var msg = 'Handler for .keyup() called ' + xTriggered + ' time(s).<br />';
   $('#output').append(msg);
});

$('#other').click(function() {
  $('#target').keyup();
});</script>

</body>
</html>

    In this changed version, I’m using jQuery’s append() function to output the debugging messages into a new div I’ve added below the text box. When you type into the text box, you should see the key press events being registered there.

    • 0