js限制指定div区域鼠标右键功能实现方法

在做网站的时候，网站某些资源不想被人简单通过鼠标右键下载，可以通过限制该div区域鼠标右键功能。这里可以通过js来实现，具体可以参考下面的方法：

例如：你的网页div区域有个video视频不想被别人鼠标右键另存为下载，可以使用下面的代码：

<div class="video" oncontextmenu="noright()">
        <video poster="images/banner.jpg" autoplay="autoplay" loop="loop" >
	           <source src="statics/video.mp4" type="video/mp4">
	</video>
</div>



<script type="text/javascript">
	function noright(){
		window.event.returnValue=false;
		return false;
}
</script>

通过上面的代码，class为video区域的鼠标右键就无法点击了，如果你也遇到了类似的问题，只需要在你需要禁止鼠标右键的div里加上oncontextmenu="noright()"执行js函数就可以了。感谢阅读。