鼠标左键自定义菜单

 这个例子是把左边菜单的id取到，给.click的标签添加成class。每添加一次之前都会初始化一次，删除以前添加的

<!-- 右键菜单 -->
		<ul class="myMenu" id="myMenu">
			<li id="one">出勤</li>
			<li id="two">事假</li>
			<li id="three">矿工</li>
			<li id="four">出差</li>
			<li id="five">学习</li>
			<li id="six">探亲</li>
			<li id="seven">婚假</li>
			<li id="eight">病假</li>
			<li id="nine">丧假</li>
			<li id="ten">未点名</li>
			<li id="eleven">公休</li>
			<li id="twelve">年休</li>
			<li id="thirteen">护理</li>
			<li id="fourteen">产假</li>
		</ul>

function leftClick(){
		
		var that;
		//点击出现选择
		$('.click').on('contextmenu',function(e){
			that = $(this);
			$('#myMenu').show().css({
				'top':e.pageY+'px',
				'left':e.pageX+'px'
			});
			e.preventDefault();
		});
		//正常点击
		$('#myMenu li').click(function(){
			
			dom(that);
			var className = $(this).attr('id');
			console.log(className);
			that.removeClass('ten').addClass(className);
		});
		
		$(window).click(function(){
			$('#myMenu').hide();
		})
	
		// 初始化背景
		function dom(that){
			$.each($('#myMenu li'),function(i,val){
				var cls = $(this).attr('id');
				console.log(cls);
				// if(cls!='ten'){
					if(cls == 'ten') return true;
				that.removeClass(cls);				
				// }
			})
			
		}
	}