Dynamic txt transform using keycode

Dynamic txt transform using keycode

by SriSri M

HTML

<input type="text" class="input-fld"/>
<input type="submit" class="submit">

CSS

.input-fld { text-transform: capitalize;}

JavaScript

$('input[type="text"]').keydown( function(event) {
		var afterSpace  = false;
    if(event.keyCode === 32) {
    	$('.input-fld').css('text-transform',' capitalize');
      console.log('myStringin if');
    }
    else if(event.keyCode === 8 || event.keyCode === 46) {
    	$('.input-fld').css('text-transform','none');
      console.log('myStringin else if');
    }
    else {
    console.log('else');
    }
});