$(document).ready(function() {
$('#result_link').click(function() {
try {
val = $('#input_value').val();
eval('$(\'#result_typeof\').html(typeof ' + val + ')');
eval('$(\'#result_getclassname\').html($.typeOf(' + val + '))');
} catch (e) {
$('#result_typeof,#result_getclassname').html('invalid input!!');
}
return false;
});
$('#input_value').keyup(function(event) {
if (event.which == 13) {
$('#result_link').click();
}
});
});
<div>
Try inputting js object like: 'aya hirano' or new Date
</div>
<div>
<label for="input_value">input value to determine</label>
<input type="text" name="input_value" id="input_value" value="['aya','hirano']" />
</div>
<div>
<a id="result_link" href="#">click here</a>
or press enter
</div>
<hr />
<div>
typeof result:
<span id="result_typeof" class="result"></span>
</div>
<div>
$.typeOf() result:
<span id="result_getclassname" class="result"></span>
</div>
External resources loaded into this fiddle: