最近在项目中要实现一些自定义效果，例如右键菜单、全选、不连续选择等等，个人认为主要是理清楚逻辑和事件关系。要实现这些，也有现成的插件可以用，如jQuery UI的selectable。
1、右键菜单
当浏览网页时，单击鼠标右键（或ctrl+触模板左键）会出现浏览器默认的右键菜单项，就像这样子的：
但是当要对某个元素自定义右键，像这样子的：
就必须得先禁用浏览器默认的菜单，需要监听contextmenu事件，关键代码如下：
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)会选择整个网页或者某个获得焦点的可编辑元素。这是个div，这是个div，
这是个div，这是个div，
这是个div，这是个div，
这是个div，这是个div，
这是个div，这是个div，
这是另外一个div，这是另外一个div，
这是另外一个div，这是另外一个div，
这是另外一个div，这是另外一个div，
这是另外一个div，这是另外一个div，
