No entiendo muy bien por qué necesitas eso, pero así a priori solo se me ocurre que cojas el texto del input y lo introduzcas en un nuevo elemento que creas a través de javascript. A este le pones el estilo CSS de nowrap y midas su ancho. Lo comparas con el ancho del input y ya está.
Código Javascript
:
Ver originalvar input = document.getElementById( "myImput" );
var value = input.value;
var p = document.createElement( "P" );
p.style.position= "absolute";
p.style.opacity = "0";
p.style.whiteSpace = "nowrap";
p.style.zIndex= "-1000";
p.innerHTML = value;
document.body.appendChild( p );
if( p.offsetWidth > input.offsetWidth ) {
console.log( "El texto del input es más ancho que el input" );
} else {
console.log( "El texto del input es menos ancho que el input" );
}
p.remove();
Ten presente que tendrás que tener en cuenta el tamaño y el tipo de la fuente del input para aplicarlo al elemento que crees, puede que tengas que tener en cuenta también el padding y el borde. Pero bueno, esta es la idea general, ya solo tienes que pulirla.