Tengo el siguiente script cuya funcionalidad debería ser recuperar las primeras 5 palabras de una entrada y escribirlas en una segunda entrada, pero no funciona como se esperaba.
$('#review_content').on('keyup change paste click input', function () { var contentVal = $('#review_content').val(); var contentValSplit = $('#review_content').val().split(' '); var headerValSplit = $('#review_header').val().split(' '); if(headerValSplit.length < 6) { if(contentValSplit.length > 6) { var $five = contentValSplit[0] + ' ' + contentValSplit[1] + ' ' + contentValSplit[2] + ' ' + contentValSplit[3] + ' ' + contentValSplit[4]; $('#review_header').val($five + "..."); } else { $('#review_header').val(contentVal + "..."); } } }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script> <input id="review_content"> <input id="review_header">Cuando pego texto más largo (más de 5 palabras), el script simplemente pega el mismo texto en la segunda entrada, pero no es así como debería funcionar. Debería obtener solo las primeras 5 palabras de todo el texto y pegarlas solo en la segunda entrada. O si el texto tiene menos de 5 palabras, debe escribir sincrónicamente las letras de la primera entrada en la segunda y detenerse después de terminar la quinta palabra. ¿Alguna idea de cómo hacer eso?
Versión actualizada:
El siguiente código debe cumplir con todos sus requisitos
Creo que sus declaraciones if eran demasiado complejas y, por alguna razón, se contrarrestan entre sí. El siguiente código funciona con una sola instrucción if para reducir la complejidad. Se puede optimizar aún más (ver más abajo).
Pegué When I paste longer text (longer than 5 words) the script y obtuve When I paste longer text... en la segunda entrada.
$('#review_content').on('keyup change paste click input', function () { var headerValSplit = $('#review_header').val().split(' '); if(headerValSplit.length < 6) { var contentVal = $('#review_content').val(); var contentValSplit = $('#review_content').val().split(' '); var $five = contentValSplit[0] + ' ' + contentValSplit[1] + ' ' + contentValSplit[2] + ' ' + contentValSplit[3] + ' ' + contentValSplit[4]; $('#review_header').val($five + "..."); } }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script> <input id="review_content"> <input id="review_header">Además de eso, también puedes acortar esta línea:
var $five = contentValSplit[0] + ' ' + contentValSplit[1] + ' ' + contentValSplit[2] + ' ' + contentValSplit[3] + ' ' + contentValSplit[4];Lo siguiente solo tomaría los primeros 5 y luego los uniría con un espacio en el medio:
var $five = contentValSplit.slice(0, 5).join(' ');Además, la matriz se puede reducir simplemente a 5 elementos, en caso de que no necesite los otros elementos de todos modos. Entonces se vería así:
contentValSplit.length = 5; $('#review_header').val(contentValSplit.join(' ')+ "...");