js如何判断是点击的当前元素

	<ul>
		<li>
			<h4>用户管理</h4>
			<div class="det">
				<p><a href="javascript:void(0)" data-value="user">用户管理</a></p>
				<p><a href="javascript:void(1)" data-value="addUser">用户添加</a></p>
			</div>
		</li>
		<li>
			<h4>商品管理</h4>
			<div class="det">
				<p><a href="javascript:void(0)"  data-value="prog">商品管理</a></p>
				<p><a href="javascript:void(1)"  data-value="insertPro">商品添加</a></p>
			</div>
		</li>
		<li>
			<h4>订单管理</h4>
			<div class="det">
				<p><a href="javascript:void(0)" data-value="dd">订单管理</a></p>
				<p><a href="javascript:void(1)" data-value="ddstatus">订单状态</a></p>
			</div>
		</li>
	</ul>

	$(".det").on("click",function(e){
			// console.log(e.target);
			let dataVal = e.target.getAttribute('data-value');
			console.log('获取参数值',dataVal);
	})