zoukankan      html  css  js  c++  java
  • 按钮在点击的时候,怎么取消按钮中的文本被选中

    在网页中,一般文字都可以被选中,以便于复制粘贴;但是在点击鼠标过程中,如果鼠标滑动过快,则会出现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;
    }
  • 相关阅读:
    springboot2 + prometheus + grafana 监控整合
    vs code 快捷键总结
    java8 concurrecy
    java8 localdatetime timestamp 转换
    有意思的网站
    评价搜索引擎质量
    转载一篇文章
    csdn 站点使用
    百度站点平台
    好的文章聚合站点
  • 原文地址:https://www.cnblogs.com/zoeeying/p/10248170.html
Copyright © 2011-2022 走看看