在js中,获得输入框被选择的内容,需要使用到输入框对象的selectionSta筠续师诈rt属性和selectionEnd属性,通过substr()方法截取选中的内容,并把它显示出来。下面介绍实现的过程。
方法/步骤
1、新建一个html文件,命名为test.html,用于讲解JS如何获取文本框中被选择的内容。
2、在test.html页面,使用input标签创建一个文本输入框,并在输入框中定义默认的内容“testtest",用于下面测试。
3、给input输入框绑定onmouseup()事件,实现当鼠标按键松开时执行a()函数,下面将在a()函数中实现获取文本框中被选择的内容。
4、在a()函数中,通过document.getElementById()方法获得输入框对象,并定义一个变量selection用于保存选中的内容。
5、在a()函数内,使用if语句判断当选中输入框内容时,通过selectionStar隋茚粟胫t属性获得选中内容的开始位置,selectionEnd属佣甲昭宠性获得选中内容的结束位置,使用substr()方法截取选中的内容,并把它保存在变量selection中。
6、在a()函数内,使用alert()方法以弹窗的形式把选中的内容显示出来。
7、在浏览器打开test.html文件,选择文本输入框的部分内容,通过js中的a()函数获得选中的内容,并以弹窗的形式显示出选中的内容。