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

最新推荐文章于 2024-05-23 07:14:26 发布

转载最新推荐文章于 2024-05-23 07:14:26 发布 · 64 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/snv/blog/201099

为什么80%的码农都做不了架构师？>>>

需求：

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="http://my.oschina.net/snv/blog" 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="http://my.oschina.net/snv/blog" 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>

步骤：