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);
})