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则所有鼠标事件失效。