<input type="text" id="text_input" /> <button type="button" id="copy_text">copy</button>
var inputElem = document.getElementById('text_input');
var btnElem = document.getElementById('copy_text');
btnElem.addEventListener('click', function() {
if(!document.execCommand) {
console.error('copy unsupport');
return;
}
inputElem.select();
var result = document.execCommand('copy');
if(result) {
console.log('copy success');
} else {
console.error('copy fail');
}
});
user-select: none;
,这样会使文本不能被选择。inputElement.select()
方法,文本元素没有 select()
方法。display: none;
或 visibility: hidden;
来隐藏表单元素。因此,只能将此表单元素,定位至能够见区域以外。