按钮在点击的时候,怎么取消按钮中的文本被选中

在网页中,一般文字都可以被选中,以便于复制粘贴;但是在点击鼠标过程中,如果鼠标滑动过快,则会出现a标签中文字被选中的情况,这就使得网页比较难看。

我们可以通过设置user-select属性来实现禁止文字选中的功能,user-select有2个值,none表示不能选中文本,text表示可以选择文本;

由于user-select不是一个W3C的标准,浏览器的支持不完全,对于不同浏览器,需要设置的内容有所变动,如下所示。

body{
    -moz-user-select:none;/*火狐*/
    -webkit-user-select:none;/*webkit浏览器*/
    -ms-user-select:none;/*IE10*/
    -khtml-user-select:none;/*早期浏览器*/
    user-select:none;
}

对于IE6-9,还没又发现对应的css属性,可通过js实现。

document.body.onselectstart = document.body.ondrag = function(){
    return false;
}

 

posted @ 2019-01-10 09:56  zoeeying  阅读(975)  评论(0编辑  收藏  举报