zoukankan      html  css  js  c++  java
  • JS在textarea光标处插入文本

    本实例使用Javascript实现在textarea光标处插入文本,支持多种浏览器,效果网址:http://keleyi.com/dev/36d87291ba370420.htm

    下面是代码:

    --------------------------------------------------------------------------------
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>JS在文本域鼠标指定位置插入文本-柯乐义</title>
    <script type="text/javascript">
    function insertAtCursor(myField, myValue) {
    //IE support
    if (document.selection) {
    myField.focus();
    sel = document.selection.createRange();
    sel.text = myValue;
    sel.select();
    }
    //MOZILLA/NETSCAPE support
    else if (myField.selectionStart || myField.selectionStart == '0') {
    var startPos = myField.selectionStart;
    var endPos = myField.selectionEnd;
    // save scrollTop before insert www.keleyi.com
    var restoreTop = myField.scrollTop;
    myField.value = myField.value.substring(0, startPos) + myValue + myField.value.substring(endPos, myField.value.length);
    if (restoreTop > 0) {
    myField.scrollTop = restoreTop;
    }
    myField.focus();
    myField.selectionStart = startPos + myValue.length;
    myField.selectionEnd = startPos + myValue.length;
    } else {
    myField.value += myValue;
    myField.focus();
    }
    }
    </script>
    </head>
    <body>
    <div style="500px;margin-left:auto;margin-right:auto;margin-top:100px;">
    <textarea id="keleyi_com" style="340px; height:180px">
    柯乐义 Javascript 在textarea光标处插入文本
    </textarea>
    <input type="button" onclick="insertAtCursor(document.getElementById('keleyi_com'),'www.keleyi.com')" value="插入文本" />
    </div></body>
    </html>

    本文转载自柯乐义http://keleyi.com/dev/36d87291ba370420.htm

  • 相关阅读:
    Android MVP架构分析
    JavaEE基本了解
    学习面试题Day09
    使用反射来实现简单工厂模式
    Android Material Design简单使用
    c语言 找最小值
    c++ 计算指定半径圆的面积
    c++ 字符串拷贝以及合并
    python yaml文件读写
    python 列表元素替换以及删除
  • 原文地址:https://www.cnblogs.com/jihua/p/2974534.html
Copyright © 2011-2022 走看看