Limit text length on mobile, responsive (trim text/string) jQuery, CSS3, Bootstrap

Trim text/string when on mobile using jQuery.

by shyam kumar

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

	<div class="col-xs-6 col-sm-4 col-lg-2 limit">lorem ipsum </div>
  
  <input type="text" value="" class="someTextBox">
<input type="text" value="" class="input-group-field target" >
<p></p>

JavaScript

$('.someTextBox').on('keydown keyup keypress', function () {
 var text = $(this).val();
			
            $('.target').val(text.substr(0,16));
    });
$('.someTextBox').on('paste', function (e) {
        if (e.originalEvent.clipboardData) {
            var text11 = e.originalEvent.clipboardData.getData("text/plain");
			
             $('.target').val(text11.substr(0,16));
			
        }
    });
    // keyboard