Taking only first string from paste value in input value

I want to get only the first value from copy-paste value.

For example: my copy text is: Lorem Lipsum Test

So when I copied this above text and paste it into the HTML input filed there need to come only "Lorem" I don't need other text

Is there any way to achieve these things?

Thanks in advance.

Solution

it only returns always the first word from string input and you have to clear for copy new value then it's show first word of the new copied string.

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
   
  $("#getfirstword").on("keyup", function(e) {
  debugger
    // do stuff!
     var str =  $(this).val();
//Now i separate them by "|"
var str1 = str.split('|');

//Now i want to get the first word of every split-ed sting parts:
 var firstWord ="";
for (var i=0;i<str1.length;i++)
{
    //What to do here to get the first word :)
  firstWord = str1[i].split(' ')[0];
    
}
$("#input1").val(firstWord);
})
});
</script>
</head>
<body>

 <input id="getfirstword" /> 
<input id="input1" disabled/> 
</body>
</html>