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

需求:

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>

步骤:

  1. 登陆http://shang.qq.com/widget/group.php

  2. 选择群,然后复制代码添加到你的web页面即可

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

上一篇:javascript弹出层-DEMO001


下一篇:jQuery mobile