<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<script src="jquery.min.js"></script>

<title></title>

</head>

<body>

Name:<input id="name" type="text">

<script>

var compositionend_name = true;

$('#name').on('compositionstart', function() {

compositionend_name = false;

})

$('#name').on('compositionend', function() {

compositionend_name = true;

})

$('#name').on('input', function() {

setTimeout(function() {

if(compositionend_name) {

console.log('Name:' + $('#name').val());

}

}, 0);

})

</script>

</body>

</html>