html 在TAB键上执行功能

Posted 2021-05-11

http://stackoverflow.com/questions/14889732/how-to-trigger-an-event-after-hitting-tab-key-in-textbox

http://jsfiddle.net/cEzLL/


<div class="row">

<!-- Text input-->
<div class="form-group col-md-6 col-xs-12">
  <label class="col-md-4 control-label" for="lastName">Ship From *</label>  
  <div class="col-md-8">
	  <input id="shipfrom_zip" name="shipfrom_zip" type="text"  class="form-control input-md" required="" placeholder="33166">
	  <input type="text" id="shipfrom_city" name="shipfrom_city">  
  </div>
</div><!--formgroup-->



<!-- Text input-->
<div class="form-group col-md-6 col-xs-12">
  <label class="col-md-4 control-label" for="lastName">Ship To *</label>  
  <div class="col-md-8">
	  <input id="shipto_zip" name="shipto_zip" type="text" class="form-control input-md" required="" placeholder="33167">
	  <input type="text" id="shipto_city" name="shipto_city">
  </div>
</div><!--formgroup-->


</div><!--row-->




<script>

$( document ).ready(function() {

// only execute when the second input field TAB key is pressed
	$("#shipto_zip").keydown(function (e) {
	    if (e.keyCode === 9) 
	    initialize() ;
	    
	    
	});
	
});	
</script>