jQuery addClass example

Change class name on click in jQuery

by Evgenii Malikov

HTML

<div id="keyboard">

<input name="T'" type="button" value="T'" class="button button2"/>
<input name="A" type="button" value="A'" class="button button2"/>
<textarea type="text" name="input" id="input" placeholder="Input your text here"></textarea>
</div>

JavaScript

$("#keyboard input").bind("click", function(e) {
//alert();
  if ($(this).val() == 'Backspace') {
    $('#input').replaceSelection("", true);
  } else if ($(this).val() == "Shift") {
    if (shifton == false) {
      onShift(1);
      shifton = true;
    } else {
      onShift(0);
      shifton = false;
    }
  } else {
    $('#input').replaceSelection($(this).val(), true);

    if (shifton == true) {
      onShift(0);
      shifton = false;
    }
  }
});