問題描述

兩個點擊事件，大的p包含小的p，點擊小的p，大的也會觸發，怎么處理？如圖描述，現在點擊小p里面的click,大的p也觸發，現在只想點擊小的p只觸發小的click事件，怎么處理？

現在

問題解答

stopPropagation()

在一個對象上觸發某類事件（比如單擊onclick事件），如果此對象定義了此事件的處理程序，那么此事件就會調用這個處理程序，如果沒有定義此事件處理程序或者事件返回true，那么這個事件會向這個對象的父級對象傳播，從里到外，直至它被處理（父級對象所有同類事件都將被激活），或者它到達了對象層次的最頂層，即document對象（有些瀏覽器是window），被稱為事件冒泡。

//阻止事件冒泡函數function stopBubble(e){ if (e && e.stopPropagation)e.stopPropagation() elsewindow.event.cancelBubble=true}回答3：

是JS的冒泡(捕獲)事件

類似這樣的解決方法蠻簡單的

$(’.p1’).on(’click’, function(event) { event.preventDefault(); if ($(event.target).is(’.p2’)) {alert(’click 2’) }else{alert(’click 1’) }});回答4：

js冒泡 取消冒泡就行了事用事件委托 就不會出現這種問題了

看完這兩篇文章不懂來找我：

http://javascript.info/bubbli...https://stackoverflow.com/que...

我想到有兩種解決方法：1.阻止事件冒泡。事件冒泡是從里面的子元素逐級執行到外面的父元素，當執行子元素的點擊事件的時候，需要調用冒泡阻止事件，這樣事件就不能傳遞到上層，去執行上層的事件。2.根據引起點擊的元素不同來執行不同的事件。當點擊的元素是子元素引起的，執行A事件，如果不是子元素，則執行B事件。

阻止冒泡就可以了，關于事件可看這里 /a/11...

按照正常的做法是不會這樣觸發的，很想知道你到底用什么選擇器來綁定點擊事件的，你貼一下你的點擊代碼和你的p的html碼更好