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>
  • 相关阅读:
    异常练习一 throw
    MAP排序
    Java正则表达式应用详解
    java多线程 sleep()和wait()的区别
    面向对象的15、18位中国大陆身份证号码解析、工具
    java学习笔记--this 关键字的理解
    Java六大问题你都懂了吗?
    Java类的声明和访问介绍
    java的五种数据类型解析
    Java集合框架的总结
  • 原文地址:https://www.cnblogs.com/think/p/328907.html
Copyright © 2011-2022 走看看