<!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>