Taking only first string from paste value in input value-CodePudding

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 into html input filed there need to come only "Lorem" i dont need other text

Is there any way to achieve these things?

Thanks in advance

CodePudding user response：

You can add an input event to see what you are trying to add to your element. This code will split your pasted text and only add the first word.

const input = document.querySelector('input');
const log = document.getElementById('values');

input.addEventListener('input', updateValue);
var previousValue = "";

function updateValue(e) {
  log.textContent = e.data;
  if (e.data && e.inputType == "insertFromPaste") {
    if (e.data.length > 1) {
      let val = e.data.split(" ")[0];
      let str = previousValue   val;
      e.target.value = str;
    }
  }
  previousValue = e.target.value;
}

<input placeholder="Enter some text" name="name"/>
<p id="values"></p>

CodePudding user response：

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];
    
}
alert(firstWord);
})
});
</script>
</head>
<body>

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