前言:
我们一定见过有些网站页面的文字不可以复制粘贴,甚至就不可以选中,如果是付费后或登录后可以选定,那肯定涉及到后端代码啦,今天我们讲的情况主要是通过前端设置,让用户无法选中元素内文本
正文:
两种实现方法:
1.通过onselectstart事件实现,代码如下
<body>
<div class="test" onselectstart="return false;" unselectable="on">选择我试试,你会发现怎么也选择不到我,哈哈哈哈</div>
</body>
2.设置css样式也可以实现同样的效果,代码如下
<style>
.test{padding:10px;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;background:#eee;}
</style>
<div class="test">选择我试试,你会发现怎么也选择不到我,哈哈哈哈</div>
总结:
百度百科上,说onselectstart事件不支持Firefox,但是经过我实验2018-7-30,Firefox是支持的,所以大家在网上看到的也不要一味相信,最好,看完后就去实践下,实践是检验真理的唯一标准~~~~~~~有成功装了一波,别打我