首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JS魔法堂:阻止元素被选中

一、前言                               在为IE5.5~9polyfill HTML5新特性placeholder时需要阻止元素被选中,因此在网上、书上查阅相关资料,记录在此以便日后查阅...以下两个属性目前并未支持,写在这里为了减少风险 */ -o-user-select: none; user-select: none; } user-select: auto; => 用户可以选中元素中的内容...user-select: none; => 用户不可选中元素中的内容 user-select: text; => 用户可以选中元素中的文字 目前这个 user-select 兼容 Chrome 6+、...} }; 四、参考                                《JavaScript框架设计》──9.3.2 user-select    http://www.html-js.com

3.9K60
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Fabric.js 元素选中状态的事件与样式

    本文将手把脚和你一起过一遍 Fabric.js 在对象元素选中后常用的样式设置。 我将对象元素选中后的设置分成3类进行讲解: 控制角 辅助边 其他样式 状态 准备工作 创建一个画布和一个圆形。...本文要介绍 Fabric.js 的背景色有2种。一种是元素自身的背景色,另一种是选中后的背景色。 在 Fabric.js 里,背景色和填充色是两回事。...需要注意的是,一旦把控制角隐藏起来,就意味着不能通过被隐藏的控制角去缩放和旋转元素了。...Fabric.js 还提供了2个方法可以捕捉到当前被选中的对象。...代码仓库 ⭐ Fabric.js 元素选中状态的事件与样式 推荐阅读 我最近在整理 Fabric.js 常用方法,有兴趣的可以看看 《Fabric.js中文教程》 《Fabric.js 拖放元素进画布》

    7.2K20

    手撕一个让人「欲罢不能」的水波纹选中控件

    不过,即使不能大规模的应用 Material Design ,也不妨碍我们在一些特别的地方去实现一些效果,毕竟梦想还是要有的嘛。...普通选中 Material Design 就给出了很好的指导,比如点击的时候控件有一个 z轴 的提升,控件背景色根据手指点击的位置出现一个过渡的效果。 比如今天要介绍的这个水波纹选中效果。 ?...水波纹控件 有了这些之后,你会发现,整个点击选中的体验大幅提升,会让人有一个丝丝顺滑的感觉,如果体验足够好,甚至会让人点上瘾,你会不自觉地在不同的按钮来回点击,体验这种舒服的过渡感。...如果要让水波纹扩散后保持住,比如实现一个水波纹选中效果,就无法实现了。 原生的水波纹效果就不说了,相信大家都会。下边就来看看如何通过自定View的方式实现一个水波纹选中的效果。...自定义水波纹选中控件的步骤 仔细看下这个点击选中的过程,可以拆分为以下几个过程: 获取点击的位置坐标 以点击位置为原点,不断绘制半径不断扩大的同心圆 提升控件 z轴,其实就是绘制阴影 控件圆角裁剪 三、

    1.1K40
    领券