• JavaScript获取文本框内选中的文本


    JavaScript获取文本框内选中的文本

    <!doctype html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <title>Document</title>
      <style>
        #a{
          background: #39bcb8;
          color: white;
        }
        #btn{
          background: #af9ca4;
          color: white;
        }
      </style>
    </head>
    <body>
    <textarea id="a" rows="3" cols="20">在输入框里的内容里面:选择我,然后点击下面的按钮</textarea><br />
    <button id="btn" onclick="alert(getFieldSelection(document.getElementById('a')))">button_click</button>
    <br />
    </body>
    </html>
    <script type="text/javascript">
      function getFieldSelection(select_field)
      {
        word='';
        if (document.selection) {
          var sel = document.selection.createRange();
          if (sel.text.length > 0) {
            word = sel.text;
          }
        }
        else if (select_field.selectionStart || select_field.selectionStart == '0') {
          var startP = select_field.selectionStart;
          var endP = select_field.selectionEnd;
          if (startP != endP) {
            word = select_field.value.substring(startP, endP);
          }
        }
        return word;
      }
    </script>
    代码实现

    -------------------------------------------

    个性签名:独学而无友,则孤陋而寡闻。做一个灵魂有趣的人!

    如果觉得这篇文章对你有小小的帮助的话,记得在右下角点个“推荐”哦,博主在此感谢!

    万水千山总是情,打赏一分行不行,所以如果你心情还比较高兴,也是可以扫码打赏博主,哈哈哈(っ•̀ω•́)っ✎⁾⁾!

  • 相关阅读:
    vue 页面设置title
    git clone 下载慢 解决方法 码云
    nestjs pm2 启动 静态文件404报错
    Linux释放内存空间
    DBMS_STATS.GATHER_SCHEME_STATS学习
    TPCH测试工具
    Oracle中shrink space命令
    java 测试框架 TestNG
    数据库与linux中quota的作用
    java 测试框架
  • 原文地址:https://www.cnblogs.com/mahmud/p/11561431.html
Copyright © 2020-2023  润新知