有没有可以禁止鼠标点选文字的CSS?

html-css023

有没有可以禁止鼠标点选文字的CSS?,第1张

1、启动DW网页编辑器,新建一个html网页。

2、在body中插入一个div【<div></div>】,并在head中引入CSS【<style type="text/css"></style>】。

3、然后给DIV定义一个CSS,设置宽高属性等,并写一段文字。

4、保存并打开网页,用鼠标左键可以很方便的选择上面的文字。

5、在样式中加入禁止选择文字的样式。

6、保存网页并刷新后,再用鼠标选择文字就没办法选择。

经常有禁止鼠标右键、复制、剪切、鼠标左键选取内容的需求,解决的方式也非常简单,只要在body标签里加入相关的属性就可以了:

禁用鼠标右键:

oncontextmenu="return false"

leftMargin="0" topMargin="0"

禁止复制和剪切:

oncopy="return false"

oncut="return false"

禁止鼠标左键选取内容:

onselectstart="return false"

示例:

<body oncontextmenu="return false" leftMargin="0" topMargin="0" oncopy="return false" oncut="return false" onselectstart="return false">

可以用js或者css实现。

js可以监听鼠标的onscroll滚轮事件,事件内可以阻止鼠标的滚轮默认事件。

css可以设置元素的"pointer-events"属性,设置为none则所有鼠标事件失效。