1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > html禁止鼠标右键事件 javascript实现在某个元素上阻止鼠标右键事件的方法和实例...

html禁止鼠标右键事件 javascript实现在某个元素上阻止鼠标右键事件的方法和实例...

时间:2020-07-12 07:38:56

相关推荐

html禁止鼠标右键事件 javascript实现在某个元素上阻止鼠标右键事件的方法和实例...

最近在做一个小东西的时候需要在某一个元素上“右击”触发一个自定义菜单,通过自定义的菜单对右击的条目进行编辑。这就要求屏蔽默认的右键菜单

IE和FF下面的元素都有oncontextmenu这个方法,在FF下面只要通过event.preventDefault()方法就可以轻松实现这个效果。IE并不支持这个方法,在IE下面一般是通过触发方法后return false来实现阻止默认事件的。

通常我们使用阻止右键事件是在全局阻止,即在document层面就将右键拦截,现在我想要实现的效果是只在特定的区域阻止默认的右键事件,而其他区域并不影响。

通过实验我发现要是在IE下绑定的方法中return false后在document层面上可以实现阻止右键的默认行为。但是具体到某一个元素比如div,则失效。

最后通过查找手册发现,IE下的event对象有一个returnValue属性,如果将这个属性设置为false则不会触发默认的右键事件。类似如下:

代码如下:

event.returnValue = false;

只要加入这句就实现了我想要的效果。完整Demo代码:

在某个元素上阻止鼠标右键默认事件DEMO

body{font-size:12px; line-height:24px; font-family:Arial, Helvetica, sans-serif;}

#activeArea{width:300px;height:200px; background:#06C; color:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。