最近在做一个小东西的时候需要在某一个元素上“右击”触发一个自定义菜单,通过自定义的菜单对右击的条目进行编辑。这就要求屏蔽默认的右键菜单
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 view sort by refresh paste paste shortcut property
custom context menu area
这个效果兼容ie6+,ff,但是opera压根就没有oncontextmenu这个方法所以也就不能简单的通过这个方法实现,要想实现还需要通过其他的手段。