zoukankan      html  css  js  c++  java
  • 在光标处添加文字,或对选择的文字进行更改(JS:TextRange)

    <!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>
        
    <title>Untitled Page</title>
        
    <script language="javascript" type="text/javascript">
        
    function Blod()
        
    {
            Format(
    "粗体","'''");
        }

        
    function Italic()
        
    {
            Format(
    "斜体","''");
        }

        
    function Format(formatName,format)
        
    {        
            
    var textarea = document.getElementById("txaContent");
            
    if(textarea.pos != null)
            
    {
                
    var s = textarea.pos.text;
                
    if(s == null || s == 'undefined'||== '')
                
    {
                    s 
    = formatName ;
                }

                s 
    = format + s + format;
                textarea.pos.text 
    = s;
            }

            
    else
            
    {
                textarea.value 
    += format+formatName+format;
            }

        }

        
    </script>
    </head>
    <body>
    <textarea id="txaContent" cols="20" rows="20" onselect="this.pos = document.selection.createRange();" onclick="this.pos = document.selection.createRange();" onkeyup="this.pos = document.selection.createRange();" ></textarea>
    <input type="button" onclick="Blod()" value="Blod" id="btnBlod" />
    <input type="button" onclick="Italic()" value="Italic" id="btnItalic" />
    </body>
    </html>
  • 相关阅读:
    背景透明度IE兼容性代码
    酷站收藏
    洛谷P1142 轰炸 数学
    洛谷P1282 多米诺骨牌
    洛谷P1247 取火柴游戏 数学题 博弈论
    洛谷P1135 奇怪的电梯 广搜
    洛谷P1077 摆花 动态规划
    洛谷P1161 开灯 数学
    洛谷P1154 奶牛分厩 数学
    洛谷P2147 [SDOI2008]Cave 洞穴勘测 Link-Cut Tree LCT
  • 原文地址:https://www.cnblogs.com/think/p/328907.html
Copyright © 2011-2022 走看看