jQuery - 禁用页面内全部超链接

对于那些仅仅有阅读页面表单权限的用户，禁用页面内全部超链接是有效限制用户操作的方法。

  效果如图

 

代码如下：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>jQuery屏蔽页面所有超链接的方法</title>
        <link rel="stylesheet" type="text/css" href="../css/demos.css"/>
        <style type="text/css">
        </style>
    </head>
    <body>
        <h2 id="h2-caption">jQuery屏蔽页面所有超链接的方法</h2>
        <hr><br>
        <p>
            <a href="http://www.microsoft.com">microsoft</a><br>
            <a href="http://www.google.com">google</a><br>
            <a href="http://www.baidu.com">baidu</a><br>
        </p>
        <br><hr>
        <div id="div-log">
            <p>日志记录：</p>
        </div>
        <script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
            $(function(){
                $('a').attr('href','#');
                $('a').click(function(e){
                    e.preventDefault();
                    $("#div-log").html($("#div-log").html()+"<p>"+"超链接已停用！"+"</p>");
                });
            }); 
        </script>
    </body>
</html>

 

posted @ 2016-06-21 11:01  温柔的敲敲敲  阅读(289)  评论(0)    收藏  举报