有一個需求是這樣的：

父元素div綁定一個mousedown事件，子元素a綁定一個click事件。

看解構：

<div id="nav"><a href="javascript:void(0);">點我</a></div>

?

搜了很多相關的都沒有解決辦法，于是我想到了事件委托，在父元素被mousedown的時候，event對象里包含了很多有用的東西。其中target就是關鍵！

代碼：

//原生js走起 const nav = document.querySelector('#nav');const a = nav.querySelector('a');a.addEventListener("click",function(e){alert("a被點了");//e.stopPropagation();});nav.addEventListener("mousedown",function(e){(e.target.tagName).toLowerCase() === 'a' ? a.click :alert('你點擊的是父元素'); });

　　

這樣，只要判斷到我們點擊到區域有a標簽，說明我點擊到了它，然后模擬觸發一次click，就完成了我的需求了。

轉載于:https://www.cnblogs.com/webSong/p/9234205.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的js 利用事件委托解决mousedown中的click的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。