事件委托 获取点击元素索引

 

事件产生的event(e) IE下是e.srcElement 谷歌等是e.target 

	var tab = (function(){
			var d= document;
			d.getElementById('tab').onmouseover=function(e){

				var e =e|| window.event,
						target = e.target|| e.srcElement;
				console.log(getindex(target));

				function getindex(current){
					var lis =d.getElementById('tab').getElementsByTagName('li');
					for(var i=0;lis.length; i++){
						if(lis[i].innerHTML == current){
							return i;
						}
					}

				}


			}

		})();

　　HTML结构 点击获取索引

<div class="row" id="product-plan">
			<div class="col-xs-10 col-sm-10 col-md-10 col-lg-10">
				<ul id="tab">
					<li><a href="javascript:void(0)">版式文件产品</a></li>
					<li><a href="javascript:void(0)">基于位置服务</a></li>
					<li><a href="javascript:void(0)">司法信息化解决方案</a></li>
					<li><a href="javascript:void(0)">版式应用解决方案</a></li>

				</ul>
			</div>

		</div>