zoukankan      html  css  js  c++  java
  • 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>
    代码实现

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

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

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

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

  • 相关阅读:
    Docker入门,看这一篇就够了
    SpringBoot15:整合JPA
    docker 常用命令备忘录
    LeetCode 93. 复原IP地址 | Python
    LeetCode 99. 恢复二叉搜索树 | Python
    LeetCode 100. 相同的树 | Python
    LeetCode 336. 回文对 | Python
    LeetCode 337. 打家劫舍 III | Python
    LeetCode 207. 课程表 | Python
    LeetCode 415. 字符串相加 | Python
  • 原文地址:https://www.cnblogs.com/mahmud/p/11561431.html
Copyright © 2011-2022 走看看