当前位置: 首页 > news >正文

禁止选中文本JS

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

 

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

使用CSS:

div {
      -moz-user-select:none;
      -webkit-user-select:none;
      user-select:none;    
}

另外一种方法是: 

ie:document.selection.empty() 
 ff:window.getSelection().removeAllRanges() 
兼容的写法:

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


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

 

本文转自:http://www.cnblogs.com/pigtail/archive/2012/09/11/2680462.html

转载于:https://www.cnblogs.com/beileixinqing/p/6907368.html

相关文章:

  • 【书签】一个leading, mobile-friendly的交互地图js lib
  • 图片轮播的手写代码
  • 入口文件 bootstrap / app.php
  • 深入Oracle的left join中on和where的区别详解
  • 怎样让百度快速收录的新方法
  • 把两个字段的和作为新的字段
  • vagrant
  • 为女票写的计算工作时间的SQL
  • bug优先级别
  • 分析器错误消息: 该配置节不能包含 CDATA 或文本元素。
  • Anroid开发中常用快捷键
  • linux学习 – shell脚本
  • Web性能测试工具推荐
  • openstack一键安装(最新版)
  • DBeauty 3.2.6 发布,数据关系浏览器
  • 5、React组件事件详解
  • 78. Subsets
  • Android交互
  • CAP 一致性协议及应用解析
  • JavaScript新鲜事·第5期
  • java架构面试锦集:开源框架+并发+数据结构+大企必备面试题
  • Js实现点击查看全文(类似今日头条、知乎日报效果)
  • Laravel核心解读--Facades
  • miaov-React 最佳入门
  • mongo索引构建
  • python_bomb----数据类型总结
  • React的组件模式
  • Vue小说阅读器(仿追书神器)
  • 基于axios的vue插件,让http请求更简单
  • 基于webpack 的 vue 多页架构
  • 算法-图和图算法
  • 王永庆:技术创新改变教育未来
  • 移动端 h5开发相关内容总结(三)
  • 最简单的无缝轮播
  • 做一名精致的JavaScripter 01:JavaScript简介
  • Nginx实现动静分离
  • 小白应该如何快速入门阿里云服务器,新手使用ECS的方法 ...
  • #13 yum、编译安装与sed命令的使用
  • #Z2294. 打印树的直径
  • #我与Java虚拟机的故事#连载03:面试过的百度,滴滴,快手都问了这些问题
  • $.ajax,axios,fetch三种ajax请求的区别
  • (04)Hive的相关概念——order by 、sort by、distribute by 、cluster by
  • (1)Map集合 (2)异常机制 (3)File类 (4)I/O流
  • (52)只出现一次的数字III
  • (第27天)Oracle 数据泵转换分区表
  • (附源码)spring boot基于小程序酒店疫情系统 毕业设计 091931
  • (附源码)springboot“微印象”在线打印预约系统 毕业设计 061642
  • (附源码)springboot青少年公共卫生教育平台 毕业设计 643214
  • (十三)Maven插件解析运行机制
  • (转)AS3正则:元子符,元序列,标志,数量表达符
  • (转)Groupon前传:从10个月的失败作品修改,1个月找到成功
  • .CSS-hover 的解释
  • .java 指数平滑_转载:二次指数平滑法求预测值的Java代码
  • .Net 8.0 新的变化
  • .NET Core 通过 Ef Core 操作 Mysql