如何使用 JavaScript 选择字符串的最后一个字符？

Question

I have a function that gets the last character of a string the user types in an input . But how do I select that single character, using execCommand() ? The goal is to copy it into a different input .

I tried element.select() , but with no results.

The character to paste into the new input must be the character visible in the original input, and not the character correspondent to the keyboard key the user types, since the reason for all this is having an external JS library handling some CJK character conversion in one input , and moving the result to a different one..

I am going with a copy-paste approach. Hence, the need to select the character. But if there is a better way to achieve it, feel free to tell me about it.

I am open to both Vanilla JavaScript and jQuery approaches.

This is my code:

JSFiddle

 function copyPaste () { var i1 = document.getElementById('userInput'); var i2 = document.getElementById('input2'); var c = i1.value.substr(lol.length - 1); c.select(); document.execCommand('copy'); i2.focus(); document.execCommand('paste'); i1.focus(); }

 input { width: 255px; } button { display: block; margin: 20px 0; text-align: left; }

 <input type="text" id="userInput" placeholder="First, type something here."> <button type="button" onclick="copyPaste"();>Then, click here to copy the last character<br>of the above input into the next input.</button> <input type="text" id="input2" value="Some text...">

Answer 1

You should not use execCommand as it is obsolete. Moreover, you don't need to use the clipboard to transfer a (part of a) string to another input box. This can be done with standard string handling:

• You can use slice(-1) to get the final character.

• I would also prefer addEventListener instead of the onclick attribute (where you had a typo also).

• With += you can append the extracted character:

 var input = document.getElementById('userInput'); var output = document.getElementById('input2'); var btn = document.querySelector('button'); btn.addEventListener("click", function () { output.value += input.value.slice(-1); });

 input { width: 255px; } button { display: block; margin: 20px 0; text-align: left; }

 <input type="text" id="userInput" placeholder="First, type something here."> <button type="button">Then, click here</button> <input type="text" id="input2" value="Some text...">

Answer 2

The following worked for me:

html:

<input type="text" id="userInput" placeholder="First, type something here.">
<button type="button" onclick="copyPaste()";>Then, click here to copy the last character<br>of the above input into the next input.</button>
<input type="text" id="input2" value="Some text...">

js:

function copyPaste () {
  var i1 = document.getElementById('userInput');
  var i2 = document.getElementById('input2');
  var c = i1.value.slice(i1.value.length - 1);
  i2.value = c;
}

Used slice() to get the last character of the string. Note I also fixed the onclick handler in your html.