页面禁止右键菜单,粘贴,复制,剪切的几个事件

1. 禁止上下文菜单 contextmenu 事件

var body = document.body;

body.addEventListener("contextmenu", function(e) {

e.preventDefault();

}, false)


2. 禁止copy, cut, paste事件

var body = document.body;

body.addEventListener("cut",  function(e) {

e.preventDefault();

}, false)

// 其余的2个事件一样


3. 例子: 只允许特定的文字输入

<input type="text" id="userNum"></input>

var userNum = document.getElementById("userNum");

userNum.addEventListener("paste", function(e) {

if  (!/^\d*$/.test(userNum.value())) {

e.preventDefault();

}

}, false)


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 不支持上传文件,所以就复制过来了。作者信息什么的都没删。对前端基本属于一窍不通,所以没有任何修改,反正用着没问题就...
    全栈在路上阅读 6,033评论 0 2
  • dom对象的innerText和innerHTML有什么区别? innerHTML指的是从对象的起始位置到终止位置...
    coolheadedY阅读 3,395评论 0 0
  • 什么是事件: 我们可以简单的把事件理解为浏览器的感知系统。比如说:他可以感觉到用户是否点击(click)了页面、鼠...
    张松1366阅读 11,792评论 1 6
  • DOM0级和DOM2级在事件监听使用方式上有什么区别? DOM0级事件监听:用JavaScript指定事件处理程序...
    LeeoZz阅读 2,944评论 0 1
  • 记得上学那会,确切的说高中三年是最苦逼的,记得那会,同学们都住校,每周回去运一大包物资(馒头、咸菜)过来,周内就在...
    文案妞阅读 1,540评论 0 0