zoukankan      html  css  js  c++  java
  • utils06_正则表达式和剪切板的复制

    1.正则表达式(regular expression)描述了一种字符串匹配的模式(pattern),可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等。

    例如:

    • runoo+b,可以匹配 runoob、runooob、runoooooob 等,+ 号代表前面的字符必须至少出现一次(1次或多次)。

    • runoo*b,可以匹配 runob、runoob、runoooooob 等,* 号代表字符可以不出现,也可以出现一次或者多次(0次、或1次、或多次)。

    • colou?r 可以匹配 color 或者 colour,? 问号代表前面的字符最多只可以出现一次(0次、或1次)。

    非打印字符

    非打印字符也可以是正则表达式的组成部分。下表列出了表示非打印字符的转义序列:

    字符描述
    cx 匹配由x指明的控制字符。例如, cM 匹配一个 Control-M 或回车符。x 的值必须为 A-Z 或 a-z 之一。否则,将 c 视为一个原义的 'c' 字符。
    f 匹配一个换页符。等价于 x0c 和 cL。
    匹配一个换行符。等价于 x0a 和 cJ。
    匹配一个回车符。等价于 x0d 和 cM。
    s 匹配任何空白字符,包括空格、制表符、换页符等等。等价于 [ f v]。注意 Unicode 正则表达式会匹配全角空格符。
    S 匹配任何非空白字符。等价于 [^ f v]。
    匹配一个制表符。等价于 x09 和 cI。
    v 匹配一个垂直制表符。等价于 x0b 和 cK。

    特殊字符

    所谓特殊字符,就是一些有特殊含义的字符,如上面说的 runoo*b 中的 *,简单的说就是表示任何字符串的意思。如果要查找字符串中的 * 符号,则需要对 * 进行转义,即在其前加一个 : runo*ob 匹配 runo*ob。

    许多元字符要求在试图匹配它们时特别对待。若要匹配这些特殊字符,必须首先使字符"转义",即,将反斜杠字符 放在它们前面。下表列出了正则表达式中的特殊字符:

    特别字符描述
    $ 匹配输入字符串的结尾位置。如果设置了 RegExp 对象的 Multiline 属性,则 $ 也匹配 ' ' 或 ' '。要匹配 $ 字符本身,请使用 $。
    ( ) 标记一个子表达式的开始和结束位置。子表达式可以获取供以后使用。要匹配这些字符,请使用 ( 和 )。
    * 匹配前面的子表达式零次或多次。要匹配 * 字符,请使用 *。
    + 匹配前面的子表达式一次或多次。要匹配 + 字符,请使用 +。
    . 匹配除换行符 之外的任何单字符。要匹配 . ,请使用 . 。
    [ 标记一个中括号表达式的开始。要匹配 [,请使用 [。
    ? 匹配前面的子表达式零次或一次,或指明一个非贪婪限定符。要匹配 ? 字符,请使用 ?。
    将下一个字符标记为或特殊字符、或原义字符、或向后引用、或八进制转义符。例如, 'n' 匹配字符 'n'。' ' 匹配换行符。序列 '\' 匹配 "",而 '(' 则匹配 "("。
    ^ 匹配输入字符串的开始位置,除非在方括号表达式中使用,此时它表示不接受该字符集合。要匹配 ^ 字符本身,请使用 ^。
    { 标记限定符表达式的开始。要匹配 {,请使用 {。
    | 指明两项之间的一个选择。要匹配 |,请使用 |。

     限定符

    限定符用来指定正则表达式的一个给定组件必须要出现多少次才能满足匹配。有 * 或 + 或 ? 或 {n} 或 {n,} 或 {n,m} 共6种。

    正则表达式的限定符有:

    字符描述
    * 匹配前面的子表达式零次或多次。例如,zo* 能匹配 "z" 以及 "zoo"。* 等价于{0,}。
    + 匹配前面的子表达式一次或多次。例如,'zo+' 能匹配 "zo" 以及 "zoo",但不能匹配 "z"。+ 等价于 {1,}。
    ? 匹配前面的子表达式零次或一次。例如,"do(es)?" 可以匹配 "do" 、 "does" 中的 "does" 、 "doxy" 中的 "do" 。? 等价于 {0,1}。
    {n} n 是一个非负整数。匹配确定的 n 次。例如,'o{2}' 不能匹配 "Bob" 中的 'o',但是能匹配 "food" 中的两个 o。
    {n,} n 是一个非负整数。至少匹配n 次。例如,'o{2,}' 不能匹配 "Bob" 中的 'o',但能匹配 "foooood" 中的所有 o。'o{1,}' 等价于 'o+'。'o{0,}' 则等价于 'o*'。
    {n,m} m 和 n 均为非负整数,其中n <= m。最少匹配 n 次且最多匹配 m 次。例如,"o{1,3}" 将匹配 "fooooood" 中的前三个 o。'o{0,1}' 等价于 'o?'。请注意在逗号和两个数之间不能有空格。

    以下正则表达式匹配一个正整数,[1-9]设置第一个数字不是 0,[0-9]* 表示任意多个数字:

    /[1-9][0-9]*/

     使用方法:

     java:

      boolean b=Pattrern.matches(正则表达式,匹配的字符串)

      String email="[A-z]+[A-z0-9_-]*\@[A-z0-9]+\.[A-z]+";
      boolean b=Pattrern.matches(email,"123@qq.com")

       js:

      var email="wyp55023@163.com";

      var reg=/[A-z]+[A-z0-9_-]*@[A-z0-9]+.[A-z]+/;

       alert(reg.test(email));
     

    JavaScript中的document.execCommand();方法

    1、〖全选〗命令的实现
    [格式]:document.execCommand(”selectAll”)
    [说明]将选种网页中的全部内容!
    [举例]在之间加入:
    全选

    2、〖打开〗命令的实现
    [格式]:document.execCommand(”open”)
    [说明]这跟VB等编程设计中的webbrowser控件中的命令有些相似,大家也可依此琢磨琢磨。
    [举例]在之间加入:
    打开

    3、〖另存为〗命令的实现
    [格式]:document.execCommand(”saveAs”)
    [说明]将该网页保存到本地盘的其它目录!
    [举例]在之间加入:
    另存为

    4、〖打印〗命令的实现
    [格式]:document.execCommand(”print”)
    [说明]当然,你必须装了打印机!
    [举例]在之间加入:
    打印

    Js代码 下面列出的是指令参数及意义

    //相当于单击文件中的打开按钮
    document.execCommand(”Open”);

    //将当前页面另存为
    document.execCommand(”SaveAs”);

    //剪贴选中的文字到剪贴板;
    document.execCommand(”Cut”,”false”,null);

    //删除选中的文字;
    document.execCommand(”Delete”,”false”,null);

    //改变选中区域的字体;
    document.execCommand(”FontName”,”false”,sFontName);

    //改变选中区域的字体大小;
    document.execCommand(”FontSize”,”false”,sSize|iSize);

    //设置前景颜色;
    document.execCommand(”ForeColor”,”false”,sColor);

    //使绝对定位的对象可直接拖动;
    document.execCommand(”2D-Position”,”false”,”true”);

    //使对象定位变成绝对定位;
    document.execCommand(”AbsolutePosition”,”false”,”true”);

    //设置背景颜色;
    document.execCommand(”BackColor”,”false”,sColor);

    //使选中区域的文字加粗;
    document.execCommand(”Bold”,”false”,null);

    //复制选中的文字到剪贴板;
    document.execCommand(”Copy”,”false”,null);

    //设置指定锚点为书签;
    document.execCommand(”CreateBookmark”,”false”,sAnchorName);

    //将选中文本变成超连接,若第二个参数为true,会出现参数设置对话框;
    document.execCommand(”CreateLink”,”false”,sLinkURL);

    //设置当前块的标签名;
    document.execCommand(”FormatBlock”,”false”,sTagName);

    //相当于单击文件中的打开按钮
    document.execCommand(”Open”);

    //将当前页面另存为
    document.execCommand(”SaveAs”);

    //剪贴选中的文字到剪贴板;
    document.execCommand(”Cut”,”false”,null);

    //删除选中的文字;
    document.execCommand(”Delete”,”false”,null);

    //改变选中区域的字体;
    document.execCommand(”FontName”,”false”,sFontName);

    //改变选中区域的字体大小;
    document.execCommand(”FontSize”,”false”,sSize|iSize);

    //设置前景颜色;
    document.execCommand(”ForeColor”,”false”,sColor);

    //使绝对定位的对象可直接拖动;
    document.execCommand(”2D-Position”,”false”,”true”);

    //使对象定位变成绝对定位;
    document.execCommand(”AbsolutePosition”,”false”,”true”);

    //设置背景颜色;
    document.execCommand(”BackColor”,”false”,sColor);

    //使选中区域的文字加粗;
    document.execCommand(”Bold”,”false”,null);

    //复制选中的文字到剪贴板;
    document.execCommand(”Copy”,”false”,null);

    //设置指定锚点为书签;
    document.execCommand(”CreateBookmark”,”false”,sAnchorName);

    //将选中文本变成超连接,若第二个参数为true,会出现参数设置对话框;
    document.execCommand(”CreateLink”,”false”,sLinkURL);

    //设置当前块的标签名;
    document.execCommand(”FormatBlock”,”false”,sTagName);

    关于window.getSelection

    • 锚点(anchor)

        锚指的是一个选区的起始点。当我们使用鼠标选择一个区域的时候,锚点就是我们鼠标按下瞬间的那个点。在用户拖动鼠标时,锚点是不会变的。

    • 焦点(focus)

        选区的焦点是该选区的终点,当您用鼠标框选一个选区的时候,焦点是你的鼠标松开瞬间所记录的那个点。随着用户拖动鼠标,焦点的位置会随着改变。

    • 范围(range)

        范围指的是文档中连续的一部分。一个范围包括整个节点,也可以包含节点的一部分,例如文本节点的一部分。用户通常下只能选择一个范围。“范围”会被作为range对象返回。Range对象也能通过DOM创建、增加、删减。

    属性
        anchorNode()
        返回该选区起点所在的节点

        anchorOffset()
        返回一个数字,表示该选区起点在anchorNode中的位置偏移量。

        如果 anchorNode 是文字节点,那么返回的就是从该文字节点的第一个字开始,直到被选中的第一个字之间的字数(如果第一个字就被选中,那么偏移量为零)
        如果 anchorNode 是一个元素,那么返回的就是在选区第一个节点之前的同级节点总数。(这些节点都是 anchorNode 的子节点)

        focusNode()
        返回该选区终点所在的节点。

        focusOffset()
        返回一个数字,表示该选区终点在focusNode中的位置偏移量。

        如果 focusNode 是文字节点,那么选区末尾未被选中的第一个字,在该文字节点中是第几个字(从0开始计),就返回它。
        如果 focusNode 是一个元素,那么返回的就是在选区末尾之后第一个节点之前的同级节点总数。

        isCollapsed()
        返回一个布尔值,用于判断选区的起始点和终点是否在同一位置。

        rangeCount
        返回一个数字,表示该选区所包含的连续范围的数量。一般为1,因为通常情况下用户只能选择一个范围。

    方法
        getRangeAt()
        返回选区开始的节点(Node)。
        因为通常情况下用户只能选择一个范围,所以只有一个选区(range),此方法一般为getRangeAt(0)

        collapse(光标落在的目标节点, offset)
        将当前的选区折叠为一个点

        extend()
        将选区的焦点移动到一个特定的位置。

        modify()
        修改当前的选区。

        collapseToStart()
        将当前的选区折叠到起始点。

        collapseToEnd()
        将当前的选区折叠到最末尾的一个点。

        selectAllChildren()
        将某一指定节点的子节点框入选区

        addRange()
        一个区域(Range)对象将被加入选区。

        removeRange()
        从选区中移除一个区域。

        removeAllRanges()
        将所有的区域都从选区中移除。

        deleteFromDocument()
        从页面中删除选区中的内容。

        selectionLanguageChange()
        当键盘的朝向发生改变后修改指针的Bidi优先级。

        toString()
        返回当前选区的纯文本内容。

     containsNode()
     判断某一个node是否为当前选区的一部分。

     复制一个节点的内容到剪切板

    var url=document.getElementById(name);

    window.getSelection().selectAllChildren()

     //复制选中的文字到剪贴板;
    document.execCommand(”Copy”);

    选中这个节点 复制节点内容

    $('.copy-card-num').on('click',function () {
            $('#card-num').select();
            document.execCommand("Copy");
            YDUI.dialog.toast('卡号复制成功!', 'none');
        })

     

     

     

     

     

     

     

     博客部分摘取自--https://www.cnblogs.com/MrZouJian/p/5912884.html

              https://blog.csdn.net/weixin_42420703/article/details/84892528

  • 相关阅读:
    为什么要有handler机制
    安卓五种数据存储的方式
    Activity生命周期详解
    JS的一些简单实例用法
    JSP 中的EL表达式详细介绍
    JSP九大内置对象和四个作用域
    JS实现---图片轮播效果
    实现 鼠标移动到表格的某行 该行换背景 ---myEclipse编写
    JS 菜单收拉样式
    spring中aware接口的
  • 原文地址:https://www.cnblogs.com/asndxj/p/12125267.html
Copyright © 2011-2022 走看看