JS 禁止页面复制粘贴内容及事件类型讲解

该效果用到了两个事件，一个是禁止右键菜单栏提示，另一个是禁止获得文本节点（选择内容），然后在用到事件对象的阻止默认事件发生的方法：e.preventDefault()

禁止菜单栏提示：contextmenu

禁止获得文本节点 / 禁止选择内容：selectstart

上面两个事件都是对于利用事件侦听函数注册事件时的写法，普通的注册事件前要加 ‘on’

<p>我是一段不可以复制的文字内容</p><script>varele=document.querySelector('p');
ele.addEventListener('contextmenu',function(e){
e.preventDefault();
      })
ele.addEventListener('selectstart',function(e){
e.preventDefault();
      })
</script>

e.type

这个方法可以返回事件的类型

<div>111111</div>

 <script>

    var div=document.querySelector('div');

    div.addEventListener('click',fn)

    div.addEventListener('mouseover',fn)

    div.addEventListener('mouseout',fn)

    function fn(e){

        console.log(e.type);

    }

 </script>