如何使用JS获得textarea中选中的文字

新建一个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属性和selectionEnd属性获得textarea中选中内容的肇端位置和竣事位置。

  • 6

    利用if语句判定,若是肇端位置等于竣事位置,则没有选中内容;若是肇端位置不等于竣事位置,则利用substring方式获得选中的内容并利用alert显示出来。

  • 7

    在浏览器打开test.html文件,在textarea框输入测试内容,然后选中部门内容,点击“选中的文字”按钮,弹窗形式显示选中的文字。

    • 发表于 2019-08-10 18:07
    • 阅读 ( 726 )
    • 分类:其他类型

    你可能感兴趣的文章

    相关问题

    0 条评论

    请先 登录 后评论
    admin
    admin

    0 篇文章

    作家榜 »

    1. xiaonan123 189 文章
    2. 汤依妹儿 97 文章
    3. luogf229 46 文章
    4. jy02406749 45 文章
    5. 小凡 34 文章
    6. Daisy萌 32 文章
    7. 我的QQ3117863681 24 文章
    8. 华志健 23 文章

    联系我们:uytrv@hotmail.com 问答工具