超简单的jquery 点击文本复制文本

有点仿蓝湖的点击代码就复制的功能,直接点击你想复制的文本,就可以复制成功了

html:

     

  •    

        1

        123333333

       

     

  •   复制成功

css:

.copy-success{

    display: none;

    padding: 6px 12px;

    text-align: center;

    background-color: #fff;

    color: #333;

    border-radius: 4px;

    position: fixed;

    top: 10px;

    left: 50%;

    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.14);

}

js:

这是第一种,这种有一点不是很好,就是页面上不需要出现输入框,如果直接用css隐藏的话复制就不起作用了,所以有了第二种方法

如下:

你可能感兴趣的:(超简单的jquery 点击文本复制文本)