问题:
在需要大量复制黏贴的场景中,自动选择指定元素内所有文本,可以减少用户点选操作,提升交互体验;
另外,也有一些场景需要获取用户在指定元素上选择的内容。
本文参考《JavaScript高级程序设计(第3版》整理如下代码,给以上两个问题提供一种解决思路。
正文:
一,自动选择指定元素内所有文本
<html lang="zh-en">
<head>
</head>
<body>
<input type="text" value="hello world" id="myInput"></input>
<script>
// 获取input元素
var myInput = document.getElementById('myInput');
// select()默认选中全部元素:元素会直接获取焦点,并显示被选中的内容
myInput.select();
</script>
</body>
</html>
二,获取用户在指定元素上选择的内容
<html lang="zh-en">
<head>
</head>
<body>
<input type="text" value="hello world" id="