HTML禁止鼠标左键和右键

最新推荐文章于 2021-06-04 02:32:22 发布

糟糕的沙漠

最新推荐文章于 2021-06-04 02:32:22 发布

阅读量497

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/weixin_42412237/article/details/115392642

版权

html 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

禁止左键

css中添加

body{
	moz-user-select: -moz-none; 
	-moz-user-select: none; 
	-o-user-select:none; 
	-khtml-user-select:none; 
	-webkit-user-select:none; 
	-ms-user-select:none; 
	user-select:none;
}

body中添加
```
<body onselectstart="return false">
```

禁止右键

<body οncοntextmenu=self.event.returnValue=false>

input表单禁止粘贴

onpaste = "return false";

input表单点击输入框全选内容

οnclick="this.select()"

input表单获得焦点时全选

onfocus = "this.select()"

例子

<!document html>
<html  class="x-admin-sm">
<head>
	<meta charset="UTF-8">
	<title>系统登录</title>
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="stylesheet" href="./admin/css/font.css">
    <link rel="stylesheet" href="./admin/css/login.css">
	  <link rel="stylesheet" href="./admin/css/xadmin.css">
    <script type="text/javascript" src="./admin/js/jquery.min.js"></script>
    <script src="./admin/lib/layui/layui.js" charset="utf-8"></script>
</head>
<body class="login-bg"  onselectstart="return false" οncοntextmenu=self.event.returnValue=false>
    
    <div class="login layui-anim layui-anim-up">
        <div class="message">系统登陆</div>
        <div id="darkbannerwrap"></div>
        
        <form method="post" class="layui-form" >
            <input name="username" placeholder="用户名"  type="text"  class="layui-input" lay-verify="required" onkeyup="this.value=this.value.replace(/[^0-9|A-Z]+/,'')" onpaste="return false">
            <hr class="hr15">
            <input name="password"  placeholder="密码"  type="password" class="layui-input" lay-verify="required" autocomplete="off" onfocus="this.select()">
            <hr class="hr15">
            <input value="登录" lay-submit lay-filter="login" style="width:100%;" type="submit">
            <hr class="hr20" >
        </form>
    </div>

    <script>
        $(function  () {
            layui.use('form', function(){
              var form = layui.form;
              //监听提交
              form.on('submit(login)', function(data){
                $.ajax({
                    type: 'post',
                    url: '',
                    data: data.field,
                    dataType: 'json',
                    success: function (data) {
                        if(data.code == 1){
                            layer.msg(data.msg,{icon:2,time:1000,shade:0.3});
                        }else if(data.code == 0){
                            layer.msg(data.msg,{icon:1,time:1000,shade:0.3},function(){
                                location.href = data.data
                            })
                        }
                    }
                });
                return false;
              });
            });
        })
    </script>
</body>
</html>