textarea基本使用

适用范围IE9+,以及其他主流浏览器。

<textarea id="textbox">textarea>

一、设置值

let textbox = document.getElementById('textbox');

textbox.value = '你好啊';

二、选择文本

textbox.select();

三、取得选择的文本

function getSelectedText(textbox) {
   return textbox.value.substring(textbox.selectionStart, textbox.selectionEnd);
}

console.log(getSelectedText(textbox));

四、选择部分文本

setSelectionRange()方法接收两个参数:

1.要选择第一个字符的索引
2.要选择最后一个字符之后的索引

textbox.value = '你好啊';
textbox.setSelectionRange(0, 2); // 你好

// 要看到选择的文本,必须在调用setSelectionRange()之前或之后立即将焦点设置到文本框
textbox.focus();

你可能感兴趣的:(html)