新建一个html文件 ， 定名为test.html ， 用于介绍若何经由过程JS获得textarea中选中的内容 。
文章插图
2在test.html页面 ， 利用button标签建立一个按钮 ， 用于实现点击按钮时 ， 弹窗显示获得textarea选中的内容 。
文章插图
3在test.html页面 ， 利用textarea标签建立一个60列 ， 10行的内容输入框 ， 用于内容的输入和选择内容 。
文章插图
4给button按钮绑定onclick点击事务 ， 当按钮被点击时 ， 执行doS()函数 ， 获得textarea中选中的内容并显示出来 。
文章插图
5利用document.getElementById()的方式获得textarea对象 ， 经由过程selectionStart属性和selection属性获得textarea中选中内容的肇端位置和竣事位置 。
文章插图
6利用if语句判定 ， 若是肇端位置等于竣事位置 ， 则没有选中内容；若是肇端位置不等于竣事位置 ， 则利用substring方式获得选中的内容并利用alert显示出来 。
文章插图
7【如何使用JS获得textarea中选中的文字】在浏览器打开test.html文件 ， 在textarea框输入测试内容 ， 然后选中部门内容 ， 点击“选中的文字”按钮 ， 弹窗形式显示选中的文字 。
文章插图
文章插图
以上内容就是如何使用JS获得textarea中选中的文字的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 如何使用jquery插件jqprint打印指定内容
- select中如何调整字体大小
- 小程序下拉菜单如何实现
- 几楼以上不用担心路冲，如何化解路冲
- 茶花喜欢什么土壤，茶花土壤如何配
- 职场女性如何才能减轻压力？
- 大学生如何增强法制观念
- QQ炫舞手游如何上传照片?
- 如何包装出好看的平安果
- QQ炫舞手游如何添加标签？