Question

This involves HTML + JS and/or JQuery:

I would have commented on the previous post, but I don’t have comment reputation or cannot comment for some reason.

Josh Stodola’s great code from Part I is as follows:

$(function() {
  var txt = $("#myTextbox");
  var func = function() {
    txt.val(txt.val().replace(/\s/g, ''));
  }
  txt.keyup(func).blur(func);
});

This works great except .replace puts the cursor at the end of the string on every keyup (at least in IE8 and Chrome).
As a result, it renders the left & right cursor keys useless, which is needed inside the input box.

Is there any way to enhance the above code so that the cursor keys do not activate it, but so that the text still gets updated on the fly?

Answer 1

try:

$(function() {
  var txt = $("#myTextbox");
  var func = function(e) {
    if(e.keyCode != "37" && e.keyCode != "38" && e.keyCode != "39" && e.keyCode != "40"){
        txt.val(txt.val().replace(/\s/g, ''));
    }
  }
  txt.keyup(func).blur(func);
});