js oncontextmenu事件使用详解

前端之家收集整理的这篇文章主要介绍了js oncontextmenu事件使用详解前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

定义和使用

@H_301_3@

oncontextmenu 事件在元素中用户右击鼠标时触发并打开上下文菜单。 注意:所有浏览器都支持 oncontextmenu 事件, contextmenu 元素只有 Firefox 浏览器支持。@H_301_3@

实例

@H_301_3@

用户

元素 上右击鼠标时执行 JavaScript : @H_301_3@

用oncontextmenu事件单禁用右键菜单

@H_301_3@

onconTextmenu=window.event.returnValue=false;右键菜单禁用,用这个可以禁止复制。@H_301_3@

在中加入属性代码:@H_301_3@

window.document.oncontextmenu = function(){ //alert('请不要点击鼠标右键!'); return false; }

oncontextmenu="return false"@H_301_3@

onselectstart="return false" 禁止选中网页上的内容@H_301_3@

oncopy="return false" 防复制用户在网页上选中的内容@H_301_3@

防止用户另存网页:@H_301_3@

利用标签,能防止网页的直接另存,但不能防止网页被人使用工具下载@H_301_3@

*为通配符。@H_301_3@

例1:@H_301_3@

OnContextMenu事件 菜单不能 显示
你按下了Ctrl+鼠标右键,可以显示右键菜单。   

例2:@H_301_3@

利用OnMousedown和OnContextmenu为表格<a href="/tag/tianjia/" target="_blank" class="keywords">添加</a>鼠标左中右键单击的处理

猜你在找的JavaScript相关文章