【CSS】设置文字不能被选中解除限制

news/2024/7/21 7:27:46 标签: css, firefox, html

方法一:JS


if (typeof(element.onselectstart) != "undefined") {        
    // IE下禁止元素被选取        
    element.onselectstart = new Function("return false");        
} else {
    // html" title=firefox>firefox下禁止元素被选取的变通办法        
    element.onmousedown = new Function("return false");        
    element.onmouseup = new Function("return true");        
} 

IE下有 onselectstart 这个方法,通过设置这个方法可以禁止元素文本被选取。而html" title=firefox>firefox下没有这个方法,但可以通过html" title=css>css或一种变通的办法解决。

另一种方法是:

ie:document.selection.empty()
ff:window.getSelection().removeAllRanges()

兼容的写法:

window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty();

这种方法不但不影响拖放对象的选择效果,还能对整个文档进行清除。

方法二:CSS

html" title=css>css">div {
      -moz-user-select:none;
      -webkit-user-select:none;
      user-select:none;    
}

http://www.niftyadmin.cn/n/1769972.html

相关文章

python高性能pdf_Python高性能编程pdf

Python高性能编程 内容简介Python语言是一种脚本语言,其应用领域非常广泛,包括数据分析、自然语言处理、机器学习、科学计算、推荐系统构建等。本书共有12章,围绕如何进行代码优化和加快实际应用的运行速度进行详细讲解。本书主要包含以下主题…

python风变编程能找工作_没有永远的工作,只有永远的“就业力”,风变编程Python走起...

​不怕老板又裁员,风变编程Python走到哪里都有饭碗没有永远的工作,只有永远的“就业力”,风变编程Python走起“过完年再说”这句话在职场中似乎已经有了“早做打算”的内涵。确实每个年终岁尾,都到了双向选择的调整动荡期。员工在…

【MySQL】数据表自动生成ER图

环境 mysql workbench 步骤 通过菜单栏 ”Database”,选择“Reverse Engineer…”,输入连接信息,并一路Next; 选择要生成ER图的数据库: 一路Next,最后excute和close;可以看到,在E…

apply筛选 pandas_13个Pandas使用技巧

来源:风控猎人归纳整理了一些工作中常用到的pandas使用技巧,方便更高效地实现数据分析。1.计算变量缺失率dfpd.read_csv( titanic_train.csv )def missing_cal(df): """ df :数据集 return:每个变量的缺失率 &quo…

【SpringBoot】跨域(CORS)支持:注解@CrossOrigin

跨域(CORS)支持 出于安全原因,浏览器禁止Ajax调用驻留在当前原点之外的资源。 跨源资源共享(CORS)是由大多数浏览器实现的W3C规范,允许您灵活地指定什么样的跨域请求被授权,而不是使用一些不太安全和不太强大的策略&…

【Vue3】使用reactive包裹数组赋值

需求 将接口请求到的列表数据赋值给响应数据arr 代码 const arr reactive([]);const load () > {const res [2, 3, 4, 5]; //假设请求接口返回的数据// 方法1 失败,直接赋值丢失了响应性// arr res;// 方法2 这样也是失败// arr.concat(res);// 方法3 可以…

python如何实现通知_用Python实现校园通知更新提醒功能

前言这个项目实已经在一个月前已经完成了,一直都想写一篇博客来总结这个过程中遇到的一些问题。但最近一个月来都比较忙,所以一直拖到了现在。首先说说起因吧,我没事的时候,总喜欢依次点开学校主页、教务处、图书馆以及学院的网站…

【Vue2】Vue2中的事件和方法全解

一、Vue事件方法的简单使用 // template模版 <template><div><h2>{{ msg }}</h2><button click"setMsg()">改变msg</button><button click"getMsg()">获取msg</button></div> </template> /…