html右键禁用和web页面中添加加入qq群的方式

浏览数：24 / 时间：2015年06月09日

需求：

html禁用右键，防止定位csspath和xpath，同时需要在web页面中加入添加加入qq群的图标

实现：

html禁用右键：利用oncontextmenu

<!doctype html>
<html>
     
    <head>
        <meta charset="UTF-8">
        <meta name="Generator" content="EditPlus?">
        <meta name="Author" content="">
        <meta name="Keywords" content="">
        <meta name="Description" content="">
        <title>
            Document
        </title>
</script>
    </head>
    <body oncontextmenu="return false;">
        <div style="width:100%; height:100%;background-color:#33; position:absolute;">
          
<div>
  <ul>
<li><a href="#" target="_blank">欢迎关注小网客博客</a></li>
  </ul>
  </div> 
            <div>
    </body>
</html>

页面中添加qq群的方式：

<!doctype html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="Generator" content="EditPlus?">
        <meta name="Author" content="">
        <meta name="Keywords" content="">
        <meta name="Description" content="">
        <title>
            Document
        </title>

</script>
    </head>
    <body oncontextmenu="return false;">
        <div style="width:100%; height:100%;background-color:#33; position:absolute;">

<div>
  <ul>
<li><a href="#" target="_blank">欢迎关注小网客博客</a></li>
<li<a target="_blank" href="http://shang.qq.com/wpa/qunwpa?idkey=58bd48b0e4bfe55cba5330d02ef1b181b3f843cd5520699795380c2262b07993"><img border="0" src="http://pub.idqqimg.com/wpa/images/group.png" alt="Hadoop" title="Hadoop"></a></li>
  </ul>
  </div> 
            <div>
    </body>
</html>

步骤：