在html页面中里面禁止用户选择内容

     电脑最厉害的工具之一就是具备复制粘贴的功能,但是就是由于这个功能,使得我们的文章等等很轻易的就被别人复制过去,尤其是很多人还不给一个链接,这是很悲惨,现在我们简单的实现防止别人选中我们文章内容的方法。

      在html有一个事件我们很少使用的,那就是onselectstart,就是在用户选取内容的时候执行,只要我们返回false,那么用户就没法复制内容了,但是这个属性不支持火狐浏览器,对于火狐我们就得单独使用一个样式文件属性来控制,那就是-moz-user-select:none;这个一看就知道是火狐的专有样式属性。

      现在输入代码:







您不能选中我!


 效果展示:

演示地址:http://www.cangzhang.com/wp-content/uploads/2012/08/unable_to_copy.html

备注:当然,这些都是防君子不防小人的做法,一旦用户禁用js,在ie和chrome下效果就没了。

共有 13 条评论

Top