1. 程式人生 > >對於html中的事件冒泡的問題

對於html中的事件冒泡的問題

       今天在修改後臺的一個模組,中發現一個button在點選時,觸發了表單提交,我在onclick中加入了return,這個在提交之前就應該返回了,不該出現這個問題。轉念一想,我覺得我應該時事件冒泡了,也就是一個子元素的事件觸發了父元素的事件的觸發。

       簡單說一下,解決方案吧,對於button,如果在表單中,相當於submit一樣的存在,加入type="button"這個,就可以不發生事件的冒泡了。在工作中我們還可以遇到html的a標記的事件冒泡的問題,如何防止a標記事件冒泡?首先對a標記加上 href="javascript:void(0)"這樣就可以防止冒泡,然後把一些這個上面的操作,放到onclick方法中去操作,這樣就可以解決a標記事件冒泡的問題了。

       這也就簡單了一點。也算是工作中的一點小結吧。