前端开发遇到的一些知识（1）

1、在网页上双击文字，文字会变成蓝色背景，解决方案是：

 

body {

        -moz-user-select: none;

        /*火狐*/

 

        -webkit-user-select: none;

        /*webkit浏览器*/

        -ms-user-select: none;

        /*IE10*/

        -khtml-user-select: none;

        /*早期浏览器*/

        user-select: none;

    }

 

2、当input标签通过.select()方法被选中时，要求去除背景色，解决如下：

 

//.select()方法被选中-------复制某些文本

 

$('#know').click(function copyNow() {

        var text = $('#message');   // 需要被复制的文本内容

        text.select();  // select()方法只能配合input 和 textarea 使用，所以被复制的文本内容必须是input 或 textarea

        document.execCommand("Copy");  // js  点击复制的方法

        alert("复制成功");

    })

 

// 去除背景色

::selection {

        background: transparent;

    }

    ::-moz-selection {

        background: transparent;

    }

    ::-webkit-selection {

        background: transparent;

    }