jquery自定义右键菜单、全选、不连续选择

最近在项目中要实现一些自定义效果，例如右键菜单、全选、不连续选择等等，个人认为主要是理清楚逻辑和事件关系。要实现这些，也有现成的插件可以用，如jQuery UI的selectable。

1、右键菜单
当浏览网页时，单击鼠标右键（或ctrl 触模板左键）会出现浏览器默认的右键菜单项，就像这样子的：

但是当要对某个元素自定义右键，像这样子的：

就必须得先禁用浏览器默认的菜单，需要监听contextmenu事件，关键代码如下：

$(function(){
$(#box).on(contextmenu,function(event){
event.preventDefault();
$(this).trigger(click);
$(#menulist).css({
top: event.pageY,
left: event.pageX
});
});
$(#box).click(function(){
$(#menulist).css(display,block);
});
})

2、全选

默认的ctrl A(MAC下是command A)会选择整个网页或者某个获得焦点的可编辑元素。